El tutorial o código que encontrarás en este post es la solución más rápida y efectiva que hallamos a tus dudas o problema.
Solución:
VHheight: 100vh; significa que la altura de este elemento es igual al 100% de la altura de la ventana gráfica.
ejemplo:
height: 50vh;
Si la altura de su pantalla es de 1000 px, la altura de su elemento será igual a 500 px (50 % de 1000 px).
CALCULARheight: calc(100% - 100px); calculará el tamaño del elemento usando el valor del elemento.
ejemplo:height: calc(100% - 100px);
Si la altura de su pantalla es de 1000 px, la altura de su elemento será igual a 900 px (100 % de 1000 px y menos 100 px).
*Creo que su desarrollador anterior no necesitaba usar calc() si él / ella no quería calcular el valor.
No hay diferencia, ya que en cualquier momento la expresión calc(100vh) se calcula, siempre termina siendo 100vh.
La función CSS calc() le permite realizar cálculos al especificar valores de propiedad CSS
es posible que desee consultar este camino
(La razón por la que el desarrollador anterior usó esto puede ser que lo usa convencionalmente en todas partes y sería más fácil agregar cálculos después)
Sección de Reseñas y Valoraciones
Al final de la artículo puedes encontrar las anotaciones de otros gestores de proyectos, tú igualmente puedes dejar el tuyo si te gusta.