CSS单位转换器
在浏览器中即时在CSS单位之间转换——px、rem、em、vw、vh、pt、cm、mm和in。可配置基础字体大小和视口尺寸。
广告
设置
转换结果
| 单位 | 值 |
|---|
广告
常见问题
px、rem和em有什么区别？
px（像素）是绝对单位，始终对应固定数量的设备像素。rem（根em）相对于根HTML元素的字体大小——大多数浏览器默认为16px。em类似，但相对于当前元素父级的字体大小，这使其依赖上下文，嵌套时可能累积。对于一致且可扩展的布局，通常首选rem而非em。
何时应该使用vw和vh？
vw（视口宽度）和vh（视口高度）是浏览器视口尺寸的百分比。1vw等于视口宽度的1%，1vh等于视口高度的1%。它们非常适合全屏区域、随窗口大小缩放的响应式排版和流体主图区域。请注意，在移动浏览器中，地址栏的变化会改变可用高度，vh的行为可能出乎意料。
pt、cm、mm和in与px有什么关系？
这些是为印刷媒体设计的物理单位。在屏幕上，CSS将1英寸定义为恰好96px，无论实际显示密度如何。由此：1pt = 96/72 px ≈ 1.333px，1cm ≈ 37.795px，1mm ≈ 3.78px。虽然这些单位在打印时是精确的，但在屏幕上它们是相对于CSS参考像素的。