请输入需要转换的CSS代码
1rem= px css格式化工具
px转为rem的CSS代码
在线px转rem工具可将css代码按设定的px转rem比例精确计算适应手机屏幕显示的样式。网页默认的字体像素通常为 16px。一般为了方便计算和兼容浏览器,我们先设置 html { font_size:625%;} 然后使用 1rem = 100px, 以此为单位进行换算。
下表列出了在网页字体默认值为 16px 时, px 和 em 及网页字体百分比的换算数据。
1rem等于html根元素设定的font_size的px值 如果css里面没有设定html的font_size,则默认浏览器以1rem= 16px来换算。 假如我们在css里面设定下面的css html{font_ size:14px} 那么后面的CSS里面的rem值则是以这个14来换算。
px | em | 百分比 |
---|---|---|
5px | 0.3125em | 31.25% |
6px | 0.3750em | 37.50% |
7px | 0.4375em | 43.75% |
8px | 0.5000em | 50.00% |
9px | 0.5625em | 56.25% |
10px | 0.6250em | 62.50% |
11px | 0.6875em | 68.75% |
12px | 0.7500em | 75.00% |
13px | 0.8125em | 81.25% |
14px | 0.8750em | 87.50% |
15px | 0.9375em | 93.75% |
17px | 1.0625em | 106.25% |
18px | 1.1250em | 112.50% |
19px | 1.1875em | 118.75% |
20px | 1.2500em | 125.00% |
21px | 1.3125em | 131.25% |
22px | 1.3750em | 137.50% |
23px | 1.4375em | 143.75% |
24px | 1.5000em | 150.00% |
25px | 1.5625em | 156.25% |