这篇文章主要介绍了 JavaScript 中 rem 布局在 react 中的应用 的相关资料, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
前面给大家分享了一个 react 项目({aa2aa}),这次对这个项目做了一些改进,增加了 rem 布局和对 iscroll 在 Android 上的优化。
{aa1aa},欢迎 fork 和 star,{aa0aa}
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;
- }
来源: http://www.phperz.com/article/17/0222/268225.html