vw 转 rem

如何将 VW 转换为 REM？

要将 vw 转换为 rem，需要知道 1 REM 的总大小（默认为 16px）以及视口宽度 然后应用公式：((vw * 视口总宽度) / 100) / rem 大小 例如，1rem 为 16px、视口宽度为 1920px 时，5vw 将转换为：((5 * 1920) / 100) / 16 = 6rem

VW 转换为 REM 的公式是什么？

((vw * 视口总宽度) / 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

什么是vw单位？（视口宽度）

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

• CSS Unit Converter - 了解 CSS 中的 VW 单位
• MDN - Viewport concepts
• Can I use - Viewport units browsers support