px转rem在线工具

2024-12-04

工具介绍

在线px转rem工具可将css代码按设定的px转rem比例精确计算适应手机屏幕显示的样式,在下方文本框输入原始CSS代码字符串,调整1rem对应的px大小,点击“px转rem”按钮,即可在最下方的文本框显示转换后的CSS代码。网页默认的字体像素通常为 16px。一般为了方便计算和兼容浏览器,我们先设置 html { font-size:625%;} 然后使用 1rem = 100px, 以此为单位进行换算。

文本字体大小

下表列出了在网页字体默认值为 16px 时, px 和 em 及网页字体百分比的换算数据。

pxem百分比
5px0.3125em31.25%
6px0.3750em37.50%
7px0.4375em43.75%
8px0.5000em50.00%
9px0.5625em56.25%
10px0.6250em62.50%
11px0.6875em68.75%
12px0.7500em75.00%
13px0.8125em81.25%
14px0.8750em87.50%
15px0.9375em93.75%
16px1.0000em100.00%
17px1.0625em106.25%
18px1.1250em112.50%
19px1.1875em118.75%
20px1.2500em125.00%
21px1.3125em131.25%
22px1.3750em137.50%
23px1.4375em143.75%
24px1.5000em150.00%
25px1.5625em156.25%

相关工具