No entiendo meta name="viewport"
. Estoy usando el ejemplo que ofrece w3Schools y no soy capaz de entender para qué sirve, qué es lo que hace exactamente. He leído la explicación y entiendo perfectamente que dice que sirve para configurar el ancho de la página al ancho del dispositivo width=device-width
, y el nivel de zoom cuando la página se carga por primera vez initial-scale=1.0
, pero no consigo ver su efecto. Me explico...
Usando, como digo, el ejemplo que ofrece w3Schools, veo en su código, en el que está hecho con meta name="viewport"
, que además de esta etiqueta meta le han incluido un código CSS que es el que realmente genera el efecto que se supone que hace el viewport. El código CSS es:
<style>
img {
max-width:100%;
height:auto;
}
</style>
Si nosotros comentamos la línea max-width:100%
perdemos el efecto que se supone que realiza el viewport. Por este motivo no termino de entender para qué sirve realmente el viewport.