JavaScript中rem布局在react中的應用_javascript技巧

前面給大家分享了一個react項目（http://www.jb51.net/article/76085.htm），這次對這個項目做了一些改進，增加了rem布局和對iscroll在Android上的最佳化。

項目代碼，歡迎fork和star，線上預覽

REM布局執行個體代碼

var fontSizeInit = function() {  var doc = document.documentElement,   cli = doc.clientWidth;  cli&&(cli/=320,2<cli&&(cli=2),doc.style.fontSize=16*cli+"px"); }fontSizeInit();  window.addEventListener('resize', function() {   fontSizeInit();  }); 

sass：

$baseFontSize:16px !default;// pixels to rems @function pxToRem($px) {  @return $px / $baseFontSize * 1rem;}html { font-size: $baseFontSize; -ms-touch-action: none;}