Media Queries: screen

Los media queries son sentencias que escribimos en los CSS dónde indicamos que ciertos estilos se apliquen si se cumple unos requisitos determinados. En las CSS los usamos principalmente para aplicar unos estilos según la resolución de la pantalla:

Aplicar sólo en resoluciones de pantalla menores que X píxeles de ancho:

@media screen and (max-width:Xpx) { /*estilos */ }

Media Queries: Incompatibilidad con IE

Los media queries son bastante útiles a la hora de conseguir ajustar diseños según la resolución de pantalla, sin embargo puede suponer un problema en Internet Explorer.

Para ello los desarrolladores nos han creado una librería js para contrarestar ese comportamiento.
Sólamente hay que descargarla: css3-mediaqueries-js, pinchamos en el enlace que nos dan en la web, nos dará error, vamos a la dirección del navegador y quitamos el *:
URL en barra de navegación