移動端rem佈局

  • [autoSize rem自動適配,rfs==100的狀況下,佈局寬度爲dw/100]css

  • @param {Number} ds [設計稿寬度,不傳默認640]html

  • @param {Number} rfs [根元素html的font-size數值,不傳默認100]iphone

  • @return {[type]} [description]佈局

function autoSize(dw,rfs){
      !dw && (dw = 640);
      !rfs && (rfs = 100);
      var bw = document.documentElement.clientWidth;
      var rate = bw/dw;
      document.querySelector('html').style.fontSize = rate * rfs + 'px';
}

開發過程,咱們某一具體的手機爲載體,1我習慣性用iphone5的尺寸320px寬;2設計稿目前以640px寬輸出;3css中 默認font-size = 100px,來計算的。實際font-size 要* 縮放比。
實際上咱們作的就是把設計稿 等比投放到手機屏幕上。設計

相關文章
相關標籤/搜索