Est-il possible d’utiliser vh moins les pixels dans un calcul CSS ()?

Question

J'ai la règle CSS suivante dans un fichier Less:

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

Ce qui ne fonctionne pas du tout. Je veux faire le conteneur pleine hauteur de la fenêtre et moins l'en-tête, pied de page fixe hauteur.

Comment puis je faire ça?

Answer 1

Cela fonctionne vraiment. Le problème était avec mon moins compilateur. Il a été compilé dans:

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

Corrigé avec le code suivant dans moins de fichier:

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

Grâce à ce lien: Compilation moins agressive avec CSS3 calc