可以在CSS calc（）中使用vh減去像素嗎？

Question

我有以下的較少文件的CSS規則：

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

這並不在所有的工作。我想讓容器充滿窗口高度並減去頁眉，頁腳固定高度。我怎樣才能做到這一點？

Answer 1

確實有效。問題在於我的編譯器較少。它被編譯到：

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

在更短的文件，下面的代碼修正：

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

由於此鏈接：Less Aggressive Compilation with CSS3 calc