Responsive Design
1 recomendación1,401 vistas
El documento habla sobre la importancia de que los sitios web sean sensibles y puedan adaptarse a diferentes pantallas de dispositivos. Recomienda usar metatags para ajustar el zoom automáticamente al ancho de la pantalla, definir anchos de columnas con porcentajes en lugar de píxeles, y permitir consultas al CSS basadas en el ancho mínimo y máximo del navegador.
Related topics:1 de 12
Descargado 19 veces
Más contenido relacionado
Destacado (16)
Publicidad
Similar a Responsive Design (20)
Publicidad
Más de Avanet (20)
Último (20)
Responsive Design
- 3. 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.
- 5. 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" />
- 6. Utilizar porcentajes para definir los anchos de las columnas o contenedores en lugar de píxeles. img, video, object {max-width:100%;}
- 7. 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) { }