2011-04-23 9 views
10

¿Cuál es exactamente el "NO" de la siguiente consulta de medios CSS?Exacta NOT (inversa) de CSS Media Query

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

Sólo para añadir, sería mean..All SALVO iPAD ... O ..... NO iPAD ..

y por cierto ... He intentado ya

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

que no funciona ..

+3

Por cierto, suponiendo que cualquier cosa con una pantalla ancha de 758px es un iPad parece una mala idea ... –

Respuesta

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

not y only son mutuamente excluyentes en las consultas de los medios de comunicación; only es necesario solo para evitar algunos UA de downrev que implementan el algoritmo HTML4 para cadenas de medios, por lo que cuando la consulta comienza con not, el only no tiene sentido.

+0

Ok..Cool..Will @media no screen y (device-width: 768px) trabajo en IE8 ? – testndtv

+0

IE8 no admite consultas de medios en absoluto. Para que la consulta de medios se trate como un medio desconocido y no coincida. –

+1

IE8 y siguientes pueden usar una consulta de medios si está forzado a hacerlo. Estos trabajos: @media \ 0screen {color: red; }/* consulta de medios al objetivo ie8 */ –