rem布局(1rem=100px)

rem自适应布局

---

此方案是默认 1rem = 100px，所以你布局的时候，完全可以按照设计师给你的效果图写各种尺寸。
比如你在效果图上量取的某个按钮元素长 66px, 宽55px ，那你直接可以这样写样式：

---

.divBox {
   
   width: 0.55rem;
   height: 0.66rem;
}

完整代码

代码如下（直接复制到项目就可使用）

  <script>
    //自定义设计稿的宽度：designWidth
    //最大宽度:maxWidth
    //这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750)
    ; (function (designWidth, maxWidth) {
   
      var doc = document,
        win = window,
        docEl = doc.documentElement,
        remStyle = document.createElement