以前に反応プロジェクトを共有しました (http://www.jb51.net/article/76085.htm)。今回はプロジェクトにいくつかの改善を加え、rem レイアウトとAndroid での iscroll の最適化。
プロジェクト コード、フォークとスターへようこそ、オンライン プレビュー
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();
}); サス:
$baseFontSize:16px !default;
// pixels to rems
@function pxToRem($px) {
@return $px / $baseFontSize * 1rem;
}
html {
font-size: $baseFontSize;
-ms-touch-action: none;
}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
