【发布时间】：2021-12-06 12:27:11
【问题描述】：
这是我的 CSS 的简化版本：
h1 {
font-size: 3rem;
line-height: calc(1.5 * (100vw - 50) + 2);
}
行高的计算不起作用。它与100vw 有关，但我不确定是什么。我的理解是100vw应该被转换成当前视口的100%的像素（例如414 ...所以数学应该是：1.5 * (414 - 50) + 2）。
如果删除vw 单元，则计算有效（即1.5 * (100 - 50) + 2）。这里发生了什么？为什么100vw 不起作用？
这是我的小提琴：https://jsfiddle.net/wv68au4o/1/
【问题讨论】：
-
minimal reproducible example 请在这里，不要在第三方网站上
-
100vw - 50- 五十个什么？如果你告诉浏览器你正在使用什么（px、vw、vh、%...）我想它会更好。 -
您需要在此处发布minimal reproducible example，而不是在第三方网站上。你的代表有点惊讶你不知道这一点。第三方网站腐烂、被阻止，并且可能由于各种原因消失，让您的问题对未来的访问者毫无用处。
-
什么是
2单位？px ? -
我的理解是 100vw 应该转换成当前视口的 100% 的像素 --> 一点也不，你对 calc() 的期望太高了。你的做法是无效的
标签： css