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

小编典典

all

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

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

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

我怎样才能做到这一点？

阅读 61

2022-08-16

共1个答案

小编典典

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

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

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

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

2022-08-16