LESS身高计算

Question

我正在使用 100vh 作为我的正文内容，但我怎样才能做到这一点以消除我的导航栏的高度？

喜欢

100vh - 50px

可能吗？

Answer 1

您应该可以通过以下方式在 LESS 中做到这一点

calc(~"100vh - 50px");

如果您对 css 解决方案感到满意，这里有一个示例

calc(100vh - 50px);

JSFiddle Link

Answer 2

可以使用 calc() css 函数 https://developer.mozilla.org/en-US/docs/Web/CSS/calc 不适用于所有浏览器。 vh/vw/vmin 这方面的支持可能会更少。

除非在 LESS 中你必须转义它，以防止它被编译器计算，就像这样：

height: calc(~'100vh - 50px');