html {font-size: 62.5%}
一般的,各大主流浏览器的font-size
默认值为 16px,此时 1rem = 16px
(所以 12px = 0.75rem
);
把 html
设置成 font-size: 62.5%
,此时 1rem = 16px*62.5% = 10px
(所以 12px = 1.2rem
);(1:10的比例更好换算)
html{
font-size: 62.5%;
}
注:rem
是 css3 中新增加的一个单位属性,是相对长度单位。相对于根元素(即html元素
) font-size
计算值的倍数