Hành vi tương tự truy vấn phương tiện trên chiều rộng của một div cụ thể

Question

Tôi đang xây dựng trình chỉnh sửa nơi nội dung của bài đăng được tải trong div và bộ chọn jQuery cho phép tôi chỉnh sửa nội dung nội tuyến.

Tôi chỉ gặp một chút trở ngại khi cố gắng thêm một số phản hồi vào kiểu mẫu: trong bản định kiểu mẫu, tôi sử dụng id cụ thể của khu vực xem trước để chỉ định nơi áp dụng kiểu . Tôi áp dụng cùng một id cho thẻ body của việc xem bài đăng để cả bản xem trước trong trình chỉnh sửa và chế độ xem toàn bộ bài đăng trông giống nhau.

Tôi đã đặt một số truy vấn phương tiện trên mặt xem của mọi thứ và nhận ra rằng trên trang xem trước, một cái gì đó như @media screen and (max-width: 640px) sẽ hoạt động khác vì bản xem trước không chiếm toàn bộ chiều rộng của màn hình.

Có cách nào tôi có thể sử dụng công cụ chọn truy vấn phương tiện khác với chiều rộng của màn hình, nhưng thay vì chiều rộng của phần tử .. hoặc có gì đó tương đương? Hoặc có thể có được một cách khác để bắt chước hành vi mà chỉ đơn giản với javascript ..

Answer 1

Rất tiếc, hiện tại không có cách nào cho truy vấn phương tiện để nhắm mục tiêu div. Truy vấn phương tiện chỉ có thể nhắm mục tiêu màn hình, có nghĩa là cửa sổ trình duyệt, màn hình thiết bị di động, màn hình TV, v.v ...

Answer 2

Để bây giờ tôi đang sử dụng:

.preview { 
    zoom: .8; 
    -moz-transform: scale(0.8);} 

khi div .preview là 80% chiều rộng trang. Nó thường làm việc, nhưng với một vài vấn đề, và nó không phải là hoàn toàn linh hoạt kể từ khi divs trong câu hỏi sẽ không phải luôn luôn được thiết lập% chiều rộng trang.