and - ¿Es posible usar vh menos píxeles en un CSS calc()?

calc css vh px

Question

Esta pregunta ya tiene una respuesta aquí:

• Compilación menos agresiva con CSS3 calc 4 respuestas

Tengo la siguiente regla CSS en un archivo Less:

.container {
min-height: calc(100vh - 150px);
}

Lo que no funciona en absoluto. Quiero hacer que la altura de la ventana completa del contenedor y el encabezado negativo, la altura fija del pie de página.

¿Cómo puedo hacer eso?

Answer 1

Funciona de hecho. El problema fue con mi compilador menos. Fue compilado en:

.container {
min-height: calc(-51vh);
}

Se corrigió con el siguiente código en menos archivo:

.container {
min-height: calc(~"100vh - 150px");
}

Gracias a este enlace: Compilación menos agresiva con CSS3 calc