La etiqueta <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; </code> Nos ayuda a la hora de implentar r...

Miguel Angel Vásquez Correa

Miguel Angel Vásquez Correa

Pregunta
studenthace 4 años

La etiqueta

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

Nos ayuda a la hora de implentar responsive design.

2 respuestas
para escribir tu comentario
    Ignacio Consuegra

    Ignacio Consuegra

    studenthace 4 años

    Sirve para definir la escala visual del sitio.

    Con esta le decimos a nuestro sitio web que el ancho maximo que este puede tener, va a ser el ancho del dispositivo desde donde se ve.

    Dwith Newball

    Dwith Newball

    studenthace 4 años

    Mas que todo para implementar sitios web manejando los conceptos de resposive design.

    la etiqueta meta con el atributo viewport sirve para definir la escala visual del sitio.

    En pocas palabras si defines también el atributo content después del atributo viewport en la misma etiqueta meta con el valor: "width=device-width, initial-scale=1" le estamos diciendo a nuestro sitio web que ancho máximo de nuestra página web será el ancho del dispositivo desde donde se esté aperturando el sitio web (móvil, tablet, pc).

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!