CSS 单位转换器
px、rem、em、vw、vh、%、pt 等单位互转
基准设置
单位转换
输入数值后显示转换公式
CSS 单位说明
px (像素)
绝对单位,1px = 1/96 英寸。最常用的单位,但不利于响应式设计。
rem (根 em)
相对于根元素 (html) 的 font-size。推荐用于响应式布局。
em
相对于父元素的 font-size。会层层继承,使用时需谨慎。
vw / vh
视口宽度/高度的 1%。适合全屏布局和响应式字体。
vmin / vmax
视口宽高中较小/较大值的 1%。适合保持元素比例。
% (百分比)
相对于父元素的对应属性。width: 50% 表示父元素宽度的一半。