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

我有一个Less文件下面的CSS规则：

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

这根本不起作用。 我想使容器充满窗口高度和减去页眉，页脚固定高度。 我怎样才能做到这一点？

Answer 1

它确实工作。 问题是我的less编译器。 它被编译为：

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

用下面的代码在less文件中修复：

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

感谢这个链接： 用CSS3 calc进行较less侵略性的编译