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

本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=ickaa&title=%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%80%82%E9%85%8D%EF%BC%883%EF%BC%89---rem%E9%80%82%E9%85%8D

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.mk2048.com/blog/blog.php?id=ickaa&title=%E7%A7%BB%E5%8A%A8%E7%AB%AF%E9%80%82%E9%85%8D%EF%BC%883%EF%BC%89---rem%E9%80%82%E9%85%8D