在 CSS calc ()中可以使用 vh 减像素吗?

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

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

这根本不起作用。我想让容器全窗口高度和减去页眉,页脚固定高度。

我该怎么做?

235194 次浏览

它确实有用。问题是我的编译器比较少。它被编译成:

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

修正了以下代码在较少文件中的问题:

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

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