Точное НЕ (обратное) для CSS Media Query

Каково точное «НЕ» следующего медиа-запроса CSS?

@media only screen and (device-width:768px)

Просто добавить, что это будет означать... ВСЕ, КРОМЕ iPAD... ИЛИ..... НЕ iPAD..

и кстати... я уже пробовал

@media not only screen and (device-width:768px)

что не работает..


html css media-queries w3c
person copenndthagen    schedule 23.04.2011    source источник
comment
Кстати, предполагать, что что-то с экраном шириной 758 пикселей — это iPad, кажется плохой идеей…   -  person Boris Zbarsky    schedule 24.04.2011

Ответы (1)


arrow_upward
16
arrow_downward 

@media not screen and (device-width:768px)

not и only являются взаимоисключающими в медиа-запросах; only нужен только для того, чтобы обойти некоторых UA с пониженной версией, которые реализуют алгоритм HTML4 для строк мультимедиа, поэтому, когда запрос начинается с not, only бессмысленно.

person Boris Zbarsky    schedule 24.04.2011
comment
Хорошо.. Круто.. Будет ли @media не отображать и (ширина устройства: 768px) работать в IE8? - person copenndthagen; 24.04.2011
comment
IE8 вообще не поддерживает медиа-запросы. Таким образом, этот медиа-запрос будет рассматриваться как неизвестный носитель и не будет соответствовать. - person Boris Zbarsky; 24.04.2011
comment
IE8 и более ранние версии могут использовать медиа-запрос, если это необходимо. Они работают: @media \0screen { color:red; } /* медиа-запрос для целевой ie8 */ - person Jeff Clayton; 09.07.2014
comment
IE8-: @media \0screen\,screen\9 { color:red; } /* медиа-запрос для целевой версии ie6-8 (ie8-) */ - person Jeff Clayton; 09.07.2014