在 px、rem、vw、vh、vmin、vmax 之间自由换算,可配置根字号与视口宽高,结合 DPR 换算物理像素,并提供响应式断点与 Web 安全尺寸参考。
CSS 像素是网页布局的逻辑单位,与设备物理像素通过 DPR 关联。响应式开发中常在 px、rem、vw、vh 等单位之间换算。
本工具以视口宽高与根字号为参数,提供 px↔rem、px↔vw、px↔vh、vmin、vmax 的相互换算,并展示常见响应式断点。
所有计算均为 CSS 语义下的理论换算,实际渲染受浏览器与缩放设置影响。
Q:1rem 等于多少 px?
默认根字号 16px 时 1rem = 16px。可在工具中修改根字号,换算结果随之变化。
Q:vw 和 vh 分别是什么?
1vw 等于视口宽度的 1%,1vh 等于视口高度的 1%。vmin 取宽高中较小者的 1%,vmax 取较大者的 1%。
Q:CSS 像素是物理像素吗?
不是。一个 CSS 像素在 DPR=2 的屏幕上对应 2×2 = 4 个物理像素。布局使用 CSS 像素,渲染时按 DPR 映射到物理像素。
继续使用本站其它屏幕与显示参数工具: