尺寸转换工具
📏 CSS单位转换器
px
16
rem
1
em
1
vh
1.481
vw
0.833
pt
12
pc
1
in
0.1667
cm
0.42
mm
4.23
常用尺寸转换
基础字体大小
浏览器默认字体大小
16px
1rem
小字体
辅助文字、版权信息
12px
0.75rem
正文字体
正文内容
14px
0.875rem
大标题
h2标题
24px
1.5rem
主标题
h1标题
32px
2rem
移动端间距
移动端标准间距
16px
1rem
桌面端间距
桌面端标准间距
24px
1.5rem
按钮高度
标准按钮高度
40px
2.5rem
💡 使用技巧
- • rem单位适合响应式设计
- • vw/vh单位适合全屏布局
- • 使用黄金比例创建和谐比例
- • 模块化比例有助于建立设计系统