动态换算
输入px值通过rem动态计算适配后px值:
- 第一步:输入固定
px
计算转换后rem
- 第二步:通过
rem
计算转换后px
小知识:
- 默认设计稿的1倍尺寸为375px,font-size为37.5
- 默认设计稿的2倍尺寸为750px,font-size为75
px转rem
px | 计算公式 | rem |
---|
10 | 10 / 75 | 0.133333 |
rem转px
前提:获取当前HTML的font-size值,例如30px
rem | 计算公式 | px |
---|
0.133333 | 0.133333 * 30 | 3.9 ≈ 4 |
rem与px互转
PX转REM计算器
rem与px的转换
好用的px转rem插件推荐
前端页面适配的rem换算