Rumah >hujung hadapan web >tutorial js >Aplikasi reka letak rem dalam JavaScript dalam kemahiran react_javascript
Saya telah berkongsi projek reaksi dengan anda sebelum ini (http://www.jb51.net/article/76085.htm). Kali ini saya telah membuat beberapa penambahbaikan pada projek itu, menambah reka letak rem dan Pengoptimuman iscroll pada Android.
Kod projek, selamat datang ke fork and star, pratonton dalam talian
Kod contoh reka letak 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; }