是否可以在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");
}

感谢这个链接:使用CSS3 calc进行较少的积极编译