masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

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

WBOY

Lepaskan： 2016-05-16 15:26:55

asal

2037 orang telah melayarinya

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();
  });

Salin selepas log masuk

sass:

$baseFontSize:16px !default;
// pixels to rems 
@function pxToRem($px) {
  @return $px / $baseFontSize * 1rem;
}
html {
 font-size: $baseFontSize;
 -ms-touch-action: none;
}

Salin selepas log masuk

Label berkaitan：

rem布局 javascript_rem react_布局

sumber：php.cn

Artikel sebelumnya：Penjelasan terperinci tentang pelaksanaan ajax jquery pendaftaran contoh_jquery pengesahan masa nyata Artikel seterusnya：Apakah sebenarnya ini dalam kemahiran JavaScript (1)_javascript

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang