当前位置： 移动技术网 > IT编程>网页制作>CSS > 移动端适配（3）---rem适配

移动端适配（3）---rem适配

2018年09月29日  | 移动技术网IT编程  | 我要评论

rem适配

<meta name="viewport"  content="width=device-width,user-scalable=no"/>

<script>

　　(function(){

　　　　var html=document.documentelement;

　　　　var hwidth=html.getboundingclientrect().width;

　　　　html.style.fontsize=hwidth/16+"px";  //除的这个数是可以随便的，好算就行，若是除以16（除多少都行），意味着16rem占满整行，拿到设计图的话，量出来的设计图尺寸/2/html.style.fontsize就能适配

　　})()　　

</script>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网