Responsive Design

1.361 visualizaciones

Publicado el

Nuestro compañero @andreslon nos enseña sobre "Responsive Design"

Publicado en: Tecnología
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
1.361
En SlideShare
0
De insertados
0
Número de insertados
28
Acciones
Compartido
0
Descargas
19
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Responsive Design

  1. 1.  Un sitio web es sensible solo si es capaz de adaptarse a la pantalla del cliente y con la finalidad de alcanzar una correcta funcionalidad de las interfaces, buscando lograr uniformidad y estandarización al momento en que desplegamos nuestro contenido en distintos dispositivos y presentaciones.
  2. 2. Adapta el zoom de la pantalla automaticamente al ancho de la web para que entre por completo en la anchura de la pantalla del dispositivo. <meta name="viewport" content="width = device-width, initial-scale=1, maximum- scale=1" />
  3. 3. Utilizar porcentajes para definir los anchos de las columnas o contenedores en lugar de píxeles. img, video, object {max-width:100%;}
  4. 4. Permiten consultas al CSS personalizado basandose en el ancho mínimo y máximo de un navegador (min-max width). /*Para ventanas inferiores a los 480px*/ @media screen and (max-width: 480px) { }

×