视口单位转换(vh / vw ↔ px)

📺 视口单位转换(vh / vw ↔ px)

vw = 视口宽度的 1%,vh = 视口高度的 1%。做全屏首屏、自适应间距时常用来替代写死的 px。选择模式并填入基准视口尺寸即可换算。

⚠️ 使用说明与注意事项

📺 常见视口断点参考

设备宽度(px)典型 vw 示例
手机360–414100vw ≈ 360–414px
平板768–102450vw ≈ 384–512px
笔记本1280–144050vw ≈ 640–720px
桌面192050vw = 960px

换算公式:vw = px ÷ 视口宽度 × 100;px = vw ÷ 100 × 视口宽度(vh 同理用高度)。