Las reglas @media son un tipo especial de regla CSS que
permiten indicar de forma directa el medio(s) y/o condición(es) en los que se aplicarán
ciertos estilos incluidos.
Para especificar el medio
en el que se aplican los estilos, se incluye su nombre después de @media. Si los
estilos se aplican a varios medios, se incluyen los nombres de todos los medios
separados por comas.
<link href="narrow.css"
rel="stylesheet"
media="only screen and (max-width:500px)">
@import url(narrow.css) only screen and
(max-width:500px);
