根字体大小
PX
原字体大小
换算结果
工具说明
本工具提供了把像素单位 px 一键转换为 rem 的功能,同时,也支持把 rem 单位转换成相应的 px 像素值。本工具是前端工程师、产品经理必备的辅助参考工具。
在线CSS单位PX转换REM工具
- 设置了网页默认的字体像素 (通常 16px),输入像素值,可以将 px 换算为 em。输入em(相对长度单位)值,可以将 em 换算为 px。
- PX:px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
- EM:em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
- REM:使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。
px 与 rem 如何选择
- 对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可 。
- 对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
附:
Pixels | EMs | Percent | Points |
---|---|---|---|
6px | 0.375em | 37.5% | 5pt |
7px | 0.438em | 43.8% | 5pt |
8px | 0.500em | 50.0% | 6pt |
9px | 0.563em | 56.3% | 7pt |
10px | 0.625em | 62.5% | 8pt |
11px | 0.688em | 68.8% | 8pt |
12px | 0.750em | 75.0% | 9pt |
13px | 0.813em | 81.3% | 10pt |
14px | 0.875em | 87.5% | 11pt |
15px | 0.938em | 93.8% | 11pt |
16px 根字体大小 |
1.000em | 100.0% | 12pt |
17px | 1.063em | 106.3% | 13pt |
18px | 1.125em | 112.5% | 14pt |
19px | 1.188em | 118.8% | 14pt |
20px | 1.250em | 125.0% | 15pt |
21px | 1.313em | 131.3% | 16pt |
22px | 1.375em | 137.5% | 17pt |
23px | 1.438em | 143.8% | 17pt |
24px | 1.500em | 150.0% | 18pt |
25px | 1.563em | 156.3% | 19pt |
26px | 1.625em | 162.5% | 20pt |
27px | 1.688em | 168.8% | 20pt |
28px | 1.750em | 175.0% | 21pt |
更新日志
发布时间:2024年05月08日上线!
更新时间:2024年05月13日,优化界面排版。
相关导航
本文暂时没有评论,来添加一个吧(●'◡'●)