JavaScript中rem布局在react中的应用
时间：2022-03-02 09:06:19|栏目：JavaScript代码|点击： 次
前面给大家分享了一个react项目（https://www.jb51.net/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;
}
上一篇：实现一个简单得数据响应系统
栏 目：JavaScript代码
本文标题：JavaScript中rem布局在react中的应用
本文地址：http://www.codeinn.net/misctech/194971.html
