HTML5 Media Queries

2.168 visualizaciones

Publicado el

Introducción a HTML5 Media Queries

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
2.168
En SlideShare
0
De insertados
0
Número de insertados
1.557
Acciones
Compartido
0
Descargas
12
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

HTML5 Media Queries

  1. 1. HTML5 Media Queries Rodolfo Finochietti
  2. 2. Problema• Muchos dispositivos• Muchas resoluciones• Muchos tamaños de pantalla
  3. 3. Antes• HTML4 incorporaba una característica que nos permitía definir hojas de estilo diferentes según un tipo de los dispositivo
  4. 4. Antes• <link type="text/css" rel="stylesheet" media="screen,print" href="screen_print.css" /> – all: versión para todos los dispositivos. – braille: versión para dispositivos lectores de braille para invidentes. – embossed: versión para dispositivos que imprimen braille. – handheld: versión para terminales con pantalla pequeña y ancho de banda limitada (móviles). – print: versión para impresiones de página. – projection: versión para proyectores. – screen: versión para pantallas de ordenador. – speech: versión para sintetizadores del habla. – tty: versión para dispositivos para discapacitados, teletipos y terminales. – tv: versión para dispositivos de televisión.
  5. 5. Media Queries en HTML5• En HTML5 podemos definir media queries según el tamaño del área útil de visualización del navegador (view port) – <link rel="stylesheet" type="text/css" media="screen and (min-width: 700px)" href="hoja.css"/>
  6. 6. DemoMedia Queries
  7. 7. ¿Preguntas?
  8. 8. rodolfof@lagash.comhttp://twitter.com/rodolfof http://shockbyte.net ¡GRACIAS!

×