JavaScript中rem布局在react中的应用

2019-11-20 11:03:18

字体：大中小

来源：转载

供稿：网友

前面给大家分享了一个react项目（//www.VeVB.COm/article/76085.htm），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。

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;}

上一篇：深入探讨前端框架react

下一篇：js获取鼠标位置实例详解