移动端rem是如何使用的?

移动端rem是如何使用的,具体实现方法及需要特别注意的地方?
已邀请:

永恒

赞同来自:

移动端rem使用添加一下代码<script>
 var html = document.getElementsByTagName("html")[0];
 var rootResize = function() {
 var winClient = document.documentElement.clientWidth;
 var fontSize = winClient < 480 ? winClient / 16 : 30;
  if (fontSize < 20) {
      fontSize = 20;
   }
   html.style.fontSize = fontSize + "px";
   }
   rootResize();
   window.onresize = function() {
   rootResize();
   }
</script>

Dragon

赞同来自:

var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 750) deviceWidth = 750; document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
这句话加载js里 7.5代表750的设计稿,在设计稿中如50px则  50/100(deviceWidth(750) / 7.5 )=0.5rem;

要回复问题请先登录注册