大约更少：是否可以在CSS calc()中使用vh减去像素？


Is it possible to use vh minus pixels in a CSS calc()?

本问题已经有最佳答案，请猛点这里访问。

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

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

这根本不起作用。 我想使容器的整个窗口高度和减去页眉，页脚固定的高度。

我怎样才能做到这一点？

相关讨论

它确实可以工作。 问题出在我的编译器较少。 它被编译为：

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

在更少的文件中使用以下代码修复：

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

多亏了此链接：CSS3 calc的积极性更低

相关讨论