移动端适配---rem适配

Posted fxyg

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端适配---rem适配相关的知识，希望对你有一定的参考价值。

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>


以上是关于移动端适配---rem适配的主要内容，如果未能解决你的问题，请参考以下文章