CSS Media Queries

Una media query consiste de un media type y una o más expresiones, que implican media features, que se resuelve en true o false. El resultado de la consulta es verdadero si el media type especificado en el media query coincide con el tipo de dispositivo sobre el que el documento está siendo mostrado y todas las expresiones del media query son verdaderas. Cuando un media query es verdadero, se aplica la hoja de estilo correspondiente o las reglas de estilo, siguiendo las reglas normales en cascada.

Media Types

screen Intended for non-paged computer screens.

tty Intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities.

tv Intended for television-type devices (low resolution, color, limited scrollability).

projection Intended for projectors.

handheld Intended for handheld devices (small screen, monochrome, bitmapped graphics, limited bandwidth).

print Intended for paged, opaque material and for documents viewed on screen in print preview mode.

braille Intended for braille tactile feedback devices.

aural Intended for speech synthesizers.

all or empty value Suitable for all devices.

Ejemplo de Media Queries