是否可以在CSS calc（）中使用vh减去像素？

Question

我在Less文件中有以下CSS规则：

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

根本不起作用。我想让容器全窗口高度和负头，页脚固定高度。

我该怎么做？

Answer 1

确实有效。问题是我少编译器。它汇编成：

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

修复了less文件中的以下代码：

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

感谢此链接：Less Aggressive Compilation with CSS3 calc