¿Porqué para el width se usa 100% pero para el height no y en su lugar es mejor la medida vh?

Oscar Rabadan Martinez

Oscar Rabadan Martinez

Pregunta
studenthace 4 años

¿Porqué para el width se usa 100% pero para el height no y en su lugar es mejor la medida vh?

1 respuestas
para escribir tu comentario
    Bryan Hernández

    Bryan Hernández

    studenthace 4 años

    Hola, amigo. Cuando decimos que el width es del 100% decimos que ocupa el 100% de ancho de su contenedor, que generalmente ocupa, a su vez, todo el ancho de la pantalla. Pero como los contenedores rara vez usan el 100% del alto de la pantalla porque se adaptan a la altura de los elementos que tienen dentro, no tendríamos el mismo resultado al usar porcentajes que con el ancho. Mejor definimos su alto en relación con el alto de la pantalla desde donde se mira. De esa manera tenemos un resultado mejor. De hecho puedes probar y verás que muchas veces usar porcentajes en las alturas no pasa absolutamente nada jeje porque haríamos referencia a la altura de su contenedor que generalmente se adapta a su contenido.

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.