vh 转 vw

如何将 VH 转换为 VW？

要将 vh 转换为 vw，您需要知道视口的总宽度和总高度 然后，只需应用公式：(((vh * 视口总高度) / 100) / 视口总宽度) * 100 例如，视口高度为 1000px，视口宽度为 1920px 时，2vh 将被转换为：(((2 * 1000) / 100) / 1920) * 100 = 1.042vw

VH 转 VW 的公式是什么？

(((vh * 视口总高度) / 100) / 视口总宽度) * 100

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

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

• W3Schools - CSS units
• MDN - CSS units
• MDN - Viewport concepts
• MDN - CSS <length>
• Can I use - Viewport units browsers support

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

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

• CSS Unit Converter - 了解 CSS 中的 VW 单位