根字体大小
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)的对应关系
其中,根字体大小为16px
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日,优化界面排版。

相关导航

暂无评论

本文暂时没有评论,来添加一个吧(●'◡'●)