关于 rem 作为单位设置大小

2024-02-20 16:38:37

rem是相对长度单位。
相对于根元素(即html元素)font-size计算值的倍数htm{font-size: 62.5%;}
根元素（html）先设置一个font-size，一般情况下为了容易计算rem的值，会将根元素设置为62.5%，因为默认状态下
，浏览器的默认文字大小为16px，16*0.625=10px，这样就有1rem=10px，用到数值就很容易计算。

这样设置的好处是便于处理响应式布局，只需要根据需要调整根元素的font-size就可以直接对所有rem相对单位的相关元素同时调整。
浏览器的支持度：IE9+，其他浏览器可见的版本基本都支持，多用于移动端

我试了下  font-size: 62.5%或更小的时候  px和rem比值不变

在IE firefox中 比值 1:10  
在chrome 比值 1:12

最新文章

热门文章