• Author / Uploaded
• RodrigoAguileraTapia

Citation preview

Media Queries Rodrigo Aguilera Tapia Programación HTML II Instituto IACC 15 de julio 2018

Desarrollo Media Queries, módulos que permiten a los diseñadores adaptar la representación del contenido a características del dispositivo como la resolución de pantalla (por ejemplo, un cellular tipo smartphone con pantallas de alta definición), esto sin la necesidad de realizar modificaciones a nuestro codigo HTML. Se utilizan los sigientes formatos para la implementación de un estilo hacia nuestra página de Web:

@media (max-width:767px){ /* Utilizados en celulares de tipo horizontal y tablets en vertical*/

font-family: "Vegur, 'PT Sans', Verdana, Sans-serif";/*Indica el nombre de la fuente (tipografía) a utilizar. Fuente utilizada para ser mostrada por pantalla. Así pues, el navegador busca la fuente Vegur en nuestro sistema, en el caso de no estar instalada, pasa a la siguiente y así sucesivamente. Se recomienda especificar al menos 3 tipografías diferentes.*/

font-size: x-small; /*Indica el tamaño de la fuente. El cual será mostrada en el tamaño de la ventana*/

textarea { /*Permite ajustar el tamaño de los textos según ampliamos o disminuimos la ventana del esplorador*/

a:link, a:visited {/*El siguiente detalle nos permite entregar detalles para mostrar el enlace*/

Bibliografía Contenido de la semana 5