vh 转 rem

如何将 VH 转换为 REM？

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

VH 转 REM 的公式是什么？

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

什么是rem单位？

REM是相对于根元素的字体大小定义的。根元素通过:root伪类或html选择器来匹配。因此，1 REM取的是根元素font-size所赋的值。这意味着1 REM在你的整个CSS代码中保持相同的值。

• CSS Unit Converter - 了解 CSS 中的 REM 单位
• FreeCodeCamp - What is REM in CSS?
• W3Schools - CSS units
• MDN - CSS units
• MDN - CSS <length>
• Can I use - rem browsers support

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

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

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