it-swarm.com.de

Ist es möglich, vh minus Pixel in einem CSS calc () zu verwenden?

Ich habe folgende CSS-Regel in einer Less-Datei:

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

Was überhaupt nicht funktioniert. Ich möchte Container volle Fensterhöhe und minus Kopfzeile, Fußzeile feste Höhe machen.

Wie kann ich das machen?

97
Alexander Kim

Es funktioniert in der Tat. Problem war mit meinem weniger Compiler. Es wurde zusammengestellt in:

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

Mit folgendem Code in less-Datei behoben:

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

Dank diesem Link: Weniger aggressive Kompilierung mit CSS3 calc

174
Alexander Kim