CSS calc（）でvhマイナスピクセルを使用することは可能ですか？

Question

Lessファイルには次のCSSルールがあります。

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

これはまったく機能しません。コンテナをウィンドウ全体の高さとマイナスのヘッダー、フッターの固定の高さにしたいです。

どうやってやるの？

Answer 1

確かに機能します。問題は私の少ないコンパイラにありました。次のようにコンパイルされました。

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

以下のファイルの以下のコードで修正されました。

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

このリンクのおかげで： CSS3 calcによるより少ないアグレッシブコンパイル