欢迎加入qq群(IT-程序猿-技术交流群):757345416
入门:
rem为 root和em
root为html标记
所以rem是根据html标记的font-size来决定大小的
1、新建public.js文件
window.onload=window.onresize=function(){
document.getElementsByTagName("html")[0].style.fontSize=0.15625*window.innerWidth+"px";
}
说明:0.15625为比例系数,因为0.15625*6.4=1,所以6.4rem为100%;以移动端innerWidth=375为例计算font-size≈0.24rem。
2、新建style.css
div{
width: 3.2rem;
height: 3.2rem;
background: #f00;
font-size: 0.24rem;
}
3、新建index.html
<div>测试
<p>这是p标记</p>
</div>
文章到此结束,希望对你的学习有帮助!