移动端设置fontSize,使用less,设计图2倍图(750px)

 在head中插入如下js,根据屏幕宽度设置字体大小

 

  <script>
    ; (function () {
      // rem换算zx
      var resizeEvt = "orientationchange" in window ? "orientationchange" : "resize"
      var docEl = document.documentElement
      function resizeFn() {
        var docW = docEl.clientWidth
        if (docW > 750) {
          docW = 750
        }
        docEl.style.fontSize = (docW * 100) / 750 + "px"
      }
      resizeFn()
      window.addEventListener(resizeEvt, resizeFn)
    })()
  </script>

2.项目中使用less

定义@r:为100,只需设计图上的尺寸除以@r即可


版权声明:本文为qq_40028324原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。