CSS 单位计算器
在 CSS 单位之间转换,包括 px、rem、em、pt、vw 和 vh。包括大小预览和常见字体大小参考。
Pixels
16px
REM
1rem
EM
1em
Points
12pt
Percent
100%
VW
0.8333vw
VH
1.4815vh
16px × 16px
Sample text at 16px
Note: REM is relative to root font size. EM is relative to parent font size. VW/VH are relative to viewport dimensions.
CSS Units - 技术详情
REM is relative to root font size (usually 16px). EM is relative to parent element font size. VW and VH are percentages of viewport width and height respectively.
命令行替代方案
/* CSS unit examples */
html { font-size: 16px; }
.text { font-size: 1rem; } /* 16px */
.large { font-size: 1.5rem; } /* 24px */
.full-width { width: 100vw; }