JavaScript中rem布局在react中的应用

时间:2021-05-26

前面给大家分享了一个react项目(),这次对这个项目做了一些改进,增加了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;}

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章