media queries

Yhoan Andrés Galeano Urrea

Curso HTML5

que son los mq?

Una media query consiste en un tipo de medio que limita las hojas de estilo utilizando características como ancho, alto y color. Añadido en CSS3, las media queries dejan que la presentación del contenido se adapte a un rango específico de dispositivos de salida sin tener que cambiar el contenido en sí.

what da faq?

sintaxis

Las Media Queries consisten en un media type y una o mas expresiones, implicando características del medio(Ancho, Alto, etc... ), la cual se resuelve como verdadera o falsa.

El resultado de la consulta es verdadera si el tipo de medio especificado en el Media Query concuerda con el tipo de dispositivo que está siendo mostrado y todas las expresiones en el Media Query son verdaderas.

Cuando una Media Query es verdadera, la hoja de estilo correspondiente o reglas de estilos son aplicadas, siguiendo las reglas normales de cascada.

Cuando not ni only son usadas dentro de una Query, el tipo de medio es opcional y será interpretada como all.

paginas para guiarse

Diseño adaptable (responsive) con CSS Media Queries

Mozilla Firefox Explicación

!!Manos a la obra!!