是否可以在CSS calc()中使用vh负像素?

是否可以在CSS calc()中使用vh负像素?,css,less,Css,Less,我在一个更少的文件中有以下CSS规则: .container { min-height: calc(100vh - 150px); } 这根本不起作用。我想使容器的整个窗口高度和减去页眉,页脚固定高度 我该怎么做呢?它确实有效。问题是我的编译器太少了。该报告汇编于年,目的是: .container { min-height: calc(-51vh); } 在较少的文件中修复了以下代码: .container { min-height: calc(~"100vh - 150px")

我在一个更少的文件中有以下CSS规则:

.container {
  min-height: calc(100vh - 150px);
}
这根本不起作用。我想使容器的整个窗口高度和减去页眉,页脚固定高度


我该怎么做呢?

它确实有效。问题是我的编译器太少了。该报告汇编于年,目的是:

.container {
  min-height: calc(-51vh);
}
在较少的文件中修复了以下代码:

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

感谢此链接:

似乎可以工作-确保相关浏览器确实支持您的请求:并且。我已将此作为副本关闭,因为该线程包含更新选项的详细信息,这对其他人也可能有用(除此之外,该问题还具有更高的视图和投票计数).如果您使用的变量较少,则可以使用如下内容:calc(~“100vh”-(@first header height+@second header height));被这个咬了。如果您需要在字符串中使用变量,您可以这样做:
calc(~“100vh-@{navbar height}”)
非常好的技巧,谢谢您!想知道为什么它在.css中工作,而在.lesst中不工作这似乎也能用LESSow-man工作
calc(~(100vh-“@bar-height)
,为什么没有人指出
-
两侧都需要空格呢works@mkb谢谢,因为缺少空格,我的财产无效。