Del curso: HTML esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 25.200 cursos impartidos por expertos del sector.

Etiquetas y atributos HTML para el diseño responsive: <meta>, viewport, etc.

Etiquetas y atributos HTML para el diseño responsive: <meta>, viewport, etc. - Tutorial de HTML

Del curso: HTML esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Etiquetas y atributos HTML para el diseño responsive: <meta>, viewport, etc.

“

Para lograr que tus páginas web sean responsivas en HTML, puedes utilizar la etiqueta meta y su atributo viewport que te permitirán adaptar el contenido completo y el diseño de la página según el tamaño y la resolución de la pantalla del dispositivo donde se esté visualizando. Además, te va a permitir controlar cómo se escalará y ajustará el contenido, por lo que son esenciales para que la página se adapte correctamente al tamaño de pantalla. Para ello, dentro de la etiqueta head, añade la etiqueta «meta» y ahora indicaremos el atributo «name» para especificar que vamos a tratar con el «viewport» y para establecer que el ancho de la página coincida con el ancho del dispositivo en el que se visualiza, debemos añadir el atributo «content», especificando que para el ancho debe ser igual al ancho del dispositivo. Y también podemos indicar un nivel de zoom o de escalado para los dispositivos que permitan hacer escalado. De esta forma puedes conseguir que tus páginas web se adapten de forma…

Contenido