CSS 单位换算工具,px/rem/em/vw/vh/pt/cm/mm 实时互转,可自定义基准字体大小和视口尺寸,设计开发必备。
换算基准
rem1rem
em1em
vw1.1111vw
vh1.7778vh
pt12pt
cm0.4233cm
mm4.2333mm
❓ 常见问题
rem 和 em 有什么区别?
rem 相对于根元素(html)的字体大小,em 相对于当前元素的字体大小。rem 更可预测,适合全局布局;em 适合组件内部的相对缩放。
vw 和 vh 是什么?
vw(viewport width)是视口宽度的 1%,vh(viewport height)是视口高度的 1%。常用于响应式布局,使元素尺寸随屏幕大小自动缩放。
pt 和 px 有什么区别?
pt(点)是印刷单位,1pt = 1/72 英寸;px 是屏幕像素单位。在 96dpi 屏幕上 1pt ≈ 1.333px。pt 常用于 PDF 和打印样式表。
如何设置基准字体大小?
大多数浏览器默认基准字体为 16px,即 1rem = 16px。如果项目中修改了 html 的 font-size,可在本工具的「换算基准」中调整,确保换算结果准确。