px 转 vh

如何将 PX 转换为 VH？

要将 px 转换为 vh，需要知道视口总高度，例如 1000px 然后，应用公式：px / 视口总高度 * 100 例如，视口为 1000px 时，200px 将转换为：200 / 1000 * 100 = 20vh

PX 到 VH 的公式是什么？

px / viewport 总高度 * 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

什么是px单位？（像素）

像素单位理论上是计算机屏幕上显示的最小的点。 如今，像素单位在物理分辨率和逻辑分辨率之间可能有所不同。 这种差异被称为设备像素比（DPR）： 逻辑分辨率 = 物理分辨率 / 设备像素比。 因此，物理分辨率为1024x768、DPR为2的屏幕，其逻辑分辨率为512x384。