移动端响应式【我的代码】

scss:

　　

@function a($px, $base-font-size: 100px) {

    @if (unitless($px)) {
  
      @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
  
      @return a($px + 0px); // That may fail.
  
    } @else if (unit($px) == rem) {
  
      @return $px;
  
    }
    @return ($px / $base-font-size) * 1rem;
  }

　　

js:

;(function (doc, win, undefined) {
    var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize',
    recalc = function () {
    var clientWidth = docEl.clientWidth;
    if (clientWidth === undefined) return;
    docEl.style.fontSize = 100 * (clientWidth / 1024) + 'px';//1024==我的设计稿尺寸
    };
    if (doc.addEventListener === undefined) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false)
    })(document, window);