小编典典

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

all

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

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

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

我怎样才能做到这一点?


阅读 57

收藏
2022-08-16

共1个答案

小编典典

它确实有效。问题出在我的 less 编译器上。它被编译成:

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

用less文件中的以下代码修复:

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