关于 rem 作为单位设置大小

Posted 夏目友人喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于 rem 作为单位设置大小相关的知识,希望对你有一定的参考价值。

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

以上是关于关于 rem 作为单位设置大小的主要内容,如果未能解决你的问题,请参考以下文章

关于rem单位的理解和应用

rem 单位是不是仅对字体大小有用?

html动态设置根字体大小(页面字体使用rem单位可根据屏幕大小自适应)

Vant移动端rem适配方案

移动端 REM 适配

px em rem的区别