移动端适配（3）——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>

转载于:https://www.cnblogs.com/fxyg/p/9716581.html