AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JavaScript中rem布局在react中的应用

51自学网 http://www.wanshiok.com
rem布局,javascript_rem,react_布局

前面给大家分享了一个react项目(/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;}

rem布局,javascript_rem,react_布局  
上一篇:深入探讨前端框架react  下一篇:js获取鼠标位置实例详解