Ich habe vorhin ein React-Projekt mit Ihnen geteilt (http://www.jb51.net/article/76085.htm) Dieses Mal habe ich einige Verbesserungen am Projekt vorgenommen und ein Rem-Layout hinzugefügt Optimierung von iscroll auf Android.
Projektcode, willkommen bei Fork and Star, Online-Vorschau
REM-Layout-Beispielcode
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;
}
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
