Media Zachowanie podobne do kwerendy na szerokości określonego elementu div

Question

Buduję edytor, w którym treść postu jest załadowana w div, a selektory jQuery pozwalają mi edytować zawartość w linii.

Po prostu wpadłem w pewien kłopot, ponieważ próbowałem dodać trochę responsywności do stylu szablonów: w szablonach stylów mojego szablonu, używam określonego identyfikatora obszaru podglądu, aby określić, gdzie powinien się on stosować . Stosuję ten sam identyfikator do znacznika body wyświetlania posta, aby zarówno podgląd w edytorze, jak i pełny widok postu wyglądały tak samo.

Wstawiałem zapytania o media w widoku strony i zdałem sobie sprawę, że na stronie podglądu coś jak @media screen and (max-width: 640px) zachowuje się inaczej, ponieważ podgląd nie zajmuje całej szerokości ekranu.

Czy istnieje sposób, w jaki mogę użyć selektora zapytań o media innego niż szerokość ekranu, ale zamiast tego szerokość elementu .. lub coś podobnego? Lub może istnieć inny sposób naśladując to zachowanie po prostu z javascript ..

Answer 1

Niestety obecnie nie ma sposobu, aby zapytanie o media było kierowane na element div. Zapytania o media mogą być kierowane tylko na ekran, czyli okno przeglądarki, ekran urządzenia przenośnego, ekran telewizora itp.

Answer 2

Na razie używam:

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

gdy div .preview wynosi 80% szerokości strony. Zwykle działa, ale z kilkoma problemami i nie jest całkowicie elastyczny, ponieważ elementy div nie zawsze są ustawiane jako% szerokości strony.