rem 是根元素<html>中的一个相对单位,浏览器默认的字号是16px,那么在这种情况下 16px = 1rem

默认情况(不改变html fontsize 属性时)常用的 rem 有

pxrem
1212/16 = .75
1414/16 = .875
1616/16 = 1
1818/16 = 1.125
2020/16 = 1.25
2424/16 = 1.5
3030/16 = 1.875
3636/16 = 2.25
4242/16 = 2.625
4848/16 = 3

但通常为了方便计算,时常将在<html>元素中设置font-size值为62.5%

相当于在<html>中设置font-size10px,此时,上面示例中所示的值将会改变:

pxrem
1212/10 = 1.2
1414/10 = 1.4
1616/10 = 1.6
1818/10 = 1.8
2020/10 = 2.0
2424/10 = 2.4
3030/10 = 3.0
3636/10 = 3.6
4242/10 = 4.2
4848/10 = 4.8
最后修改:2020 年 05 月 29 日 09 : 38 AM
如果觉得我的文章对你有用,请随意赞赏