Rumah >hujung hadapan web >tutorial js >Aplikasi reka letak rem dalam JavaScript dalam kemahiran react_javascript

Aplikasi reka letak rem dalam JavaScript dalam kemahiran react_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 15:26:552090semak imbas

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;
}
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn