1、将文档的根元素的字体大小设定为Font-size:62.5%;
2、将你的原来的px数值除以10,然后换上rem作为单位;即你原来是:font-size:12px,更换后应该是:font-size:1.2rem;
3、为了兼容不支持rem单位的浏览器,你应该同时为你的HTML元素声明绝对单位,如:font-size:12px;
那么正确的应该这样:
|
1
2
|
html,body{font-size:62.5%}
p{font-size:12px;font-size:1.2rem;}
|
追问:
现在根元素字体大小是100% 那么原来的px换算成rem是怎么换算?
追答:
有段时间没上知道了,不好意思。 文档的根元素的字体大小就是16PX。你将它设置成100%,也是16PX啊。
本文介绍了一种解决跨设备字体大小不一致的方法,通过设置根元素字体大小为62.5%,并使用rem单位来确保不同屏幕尺寸下的字体显示效果一致。文中详细解释了px与rem之间的转换方式。
281

被折叠的 条评论
为什么被折叠?



