Hacer mi web compatible a dispositivos móviles
Cada día es más común navegar en Internet con un dispositivo móvil o tablet, de hecho el 43% de los cibernautas navega desde un dispositivo móvil, el porcentaje restante lo hace desde equipos portátiles y de escritorio.
Ante ello debemos tener muy claro que estos equipos móviles son el presente y futuro de la tecnología, por tal motivo debemos tener en cuenta que el diseño de nuestro sitio web debe adaptarse a estos dispositivos.
¿Cómo adaptar un sitio web a varias resoluciones de pantalla?
Existen muchas maneras de hacerlo, entre ellas destacan:
- Hacer el tamaño de la página web mediante porcentajes de tal manera que se adapte a todas pantallas
- Tener dos plantillas distintas (CSS, HTML etc.. adaptado a cada una de ellas)
- Etiqueta metaview:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Esta meta etiqueta permite configurar el ancho a escala del contenido que se mostrará de nuestra página web en el navegador.
Se introduce antes de la etiqueta <head>
Nota: Evita usar flash en tus páginas web
Escribir comentario