Zoom en el viewport

Como sabéis, el desarrollar una con diseño adaptado no es tarea fácil, hay que tener en cuenta demasiadas cosas, vamos a enseñar un consejito para todos los desarrolladores web.

Casi todos los desarrolladores ponen el viewport de esta manera:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 aunque también lo podemos ver así:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

 El problema de estas formas de definir el viewport es que no deja hacer zoom. Aunque definamos en nuestro css las opciones para que se vea perfecto, y no haga falta el zoom, hay algunos casos, que tenemos que hacer zoom. En ocasiones si que es cierto que no sirve de nada hacer el zoom, ya que si tenemos una web responsive design bien estructurada no deberíamos de tener ningún problema, pero hay a veces que algunos elementos se ven demasiado pequeños en dispositivos móviles.

¿Que debemos hacer?
<meta name="viewport" content="width=device-width, initial-scale=1">

Pensamos que es mejor dejar elegir al usuario, y sólo con una línea podremos poner Zoom en el viewport.

Con esta meta lo que hacemos es que dejamos hacer el zoom, el user-scalable que teníamos en las otras metas, en esta ultima, tiene valor a yes, ya que por defecto viene con este valor.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Your browser is out of date. It has security vulnerabilities and may not display all features on this site and other sites.

Please update your browser using one of modern browsers (Google Chrome, Opera, Firefox, IE 10).

X
Paste your AdWords Remarketing code here