soy Kseso y esto EsCSS

Uso de Media Queries para ocultar CSS3 en navegadores antiguos

Uso de Media Queries para ocultar CSS3 en navegadores antiguos

·Por Kseso ✎ 0

El método más común para corregir los fallos, bugs o no soporte de las propiedades css por las viejas versiones (o no tan viejas) de los navegadores es recurrir a los comentarios condicionales para los ie junto a los anticomentarios.
Otro recurso típico es arruinar el Css con los hacks.
En ambos casos arreglas algún detalle, pero el pago no es poco.

Media Queries al rescate

Por lo general, las correcciones sólo son necesarias para viejas versiones. Esto en la práctica se traduce en "sólo IE", pues es un hecho cierto que los usuarios de ese navegador son mucho más reacios y dejados a la hora de actualizar su herramienta que los de otros, como Chrome, Firefox, Opera, Safari. Por citar alguno.

Así que bajo esa premisa, 456bereastreet publica esta técnica basada en el uso de las @media queries:

@media only screen { /* Reglas con las propiedades "avanzadas" CSS2 y CSS3 aquí */ }

Así que todo lo contenido ahí será ingnorado completamente por los IE´

La especificación dice

Lo que dice la especificación de las reglas Media Queries sobre la cadena "only"

The keyword ‘only’ can also be used to hide style sheets from older user agents. User agents must process media queries starting with ‘only’ as if the ‘only’ keyword was not present.

La palabra clave "only" puede usarse también para ocultar hojas de estilos a viejos navegadores. Los agentes de usuario deben procesar las media queries que comiencen con "only" como si la palabra "only" no estuviera presente.

El autor recomienda, bueno, dice que es su práctica, colocar esta @media queries antes que las demás @media.

Artículos sobre las @media queries en el blog

Css3 @media Queries Un adivino de variables y hacedor de imposibles
Colección de @media Queries para smartphones.
Ejemplos de páginas basadas en @media queries
Responsive @Media Queries: cómo usar display:none
Verifica con javascript si tus @Media Queries se ejecutan

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso