Meta viewport otra forma

Meta viewport otra forma de personalizar los templates propios, meta viewport, permite a los que diseñamos templates, definir el ancho, alto y escala del área usada por el navegador para mostrar el contenido web para móviles.


Una buena forma es configurar la meta viewport con algunas de estas dos constantes, en vez de un ancho o alto fijo. Muchos desarrolladores de templates caen en el error de configurar la meta viewport con un width de 320px, siendo el ancho del iPhone.

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

La forma correcta para diseños que no se adaptan es añadiendo content="" como se ve en el ejemplo de abajo, es para templates que no se adaptan, un ejemplo de un template con un ancho 980px y se le añade 1000px para que tenga margen en el lado izquierdo y derecho.

<meta name="viewport" content="width=1000">

De esta forma nuestros templates se podrán ver bien, sin mostrar fallos y serán adaptables a cualquier web para móviles.