vh 转 em

如何将 VH 转换为 EM？

要将 vh 转换为 em，您需要知道 1 EM 的总大小（默认为 16px）以及视口高度的大小 然后，只需应用公式：((vh * 视口总高度) / 100) / em 大小 例如，1em 大小为 16px，视口高度为 1000px，则 5vh 将被转换为：((5 * 1000) / 100) / 16 = 3.125em

VH 转 EM 的公式是什么？

((vh * 视口总高度) / 100) / em 大小

什么是 em 单位？

EM 的定义相对于父元素的字体大小。因此，1 EM 的值等于父元素 font-size 属性所设置的值。

• CSS Unit Converter - 了解 CSS 中的 EM 单位
• W3Schools - CSS units
• MDN - CSS units
• MDN - CSS <length>

什么是vh单位？（视口高度）

视口高度（VH）用于响应式设计，是相对于网页显示区域（称为视口）的一个单位。 1vh相当于显示区域的1%。因此，要让一个元素达到全高，你应该使用100vh。 你也可以使用小数值。请注意，根据浏览器的不同，小数精度可能会有所变化。

• MDN - Viewport concepts
• Can I use - Viewport units browsers support