rem与px

1、rem与px的换算比例是与设计图有关的，一般总宽度设计成750px

2、标红的是设计图的总宽度除以100

（1）设计图总宽度750：

<script>
   var width = document.documentElement.clientWidth;
   if(width > 750){
      document.documentElement.style.fontSize = '100px'
   }else{
      document.documentElement.style.fontSize = width/7.5 + 'px';
   }
</script>

（2）设计图总宽度375：

<script>
   var width = document.documentElement.clientWidth;
   if(width > 750){
      document.documentElement.style.fontSize = '100px'
   }else{
      document.documentElement.style.fontSize = width/3.75 + 'px';
   }
</script>

3、浏览器按钮a的宽度 = 浏览器手机宽度/设计图总宽度*设计图按钮a的宽度

4、1rem = 100px

 

注意：

有时候元素会有空白，如果是，Style Attribute，的问题，将元素设置为块级元素就好了