2011-04-23 51 views
10

以下CSS媒体查询的确切“NOT”是什么?CSS媒体查询的精确非(反)

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

我想补充,这将mean..All除非iPAD的... OR NOT ..... iPAD的..

和BTW ...我已经尝试

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

不工作..

+3

顺便说一下,假设任何与758px宽屏是一个iPad似乎是一个坏主意.... – 2011-04-24 15:39:38

回答

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

notonly在媒体查询互斥; only仅用于为实现媒体字符串的HTML4算法实施的一些downrev UA,因此,当查询以not开头时,only毫无意义。

+0

好..酷......将@media不屏幕和(设备宽度:768px)在IE8中工作? – testndtv 2011-04-24 14:26:34

+0

IE8根本不支持媒体查询。因此媒体查询将被视为未知媒体并且不匹配。 – 2011-04-24 15:17:34

+1

IE8及以下版本可以使用媒体查询,如果它被迫。这些工作:@media \ 0screen {color:red; }/*媒体查询目标ie8 */ – 2014-07-09 00:10:56