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

Aplikasi reka letak rem dalam JavaScript dalam kemahiran react_javascript

WBOY
WBOYasal
2016-05-16 15:26:551985semak 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