简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Aplikasi reka letak rem dalam JavaScript dalam kemahiran react_javascript

WBOY
Lepaskan： 2016-05-16 15:26:55
asal
2016 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
Isu terkini
Menggunakan Grid untuk Mencipta Reka Bentuk Khusus Ini: Panduan Langkah demi Langkah Saya cuba membuat reka letak yang serupa dengan imej ini, saya telah cuba menggunakan grid...
daripada 2024-04-06 20:29:08
0
2
492
Muat semula paksa adalah akibat daripada mengakses laluan tidak ditentukan atau halaman ralat dalam Next.js Mengakses laluan atau halaman ralat yang tidak ditentukan menyebabkan Next.js melakukan mu...
daripada 2024-04-05 08:32:46
0
1
400
protokol kotak dalam susun atur grid dalam css Saya mahu dua kotak pertama naik dengan lebar maksimum dan kotak kedua turun dengan lebar ...
daripada 2024-04-03 16:36:04
0
2
334
Buat susun atur kad yang pelbagai menggunakan grid tunggal atau Flex: panduan praktikal Saya cuba membuat susun atur kad responsif seperti dalam gambar. Apa yang saya lakukan pad...
daripada 2024-04-02 21:07:36
0
2
377
Reka letak dalam Next.js mengaburkan kandungan halaman Saya cuba menggunakan navigasi bawah dari Material-ui (https://mui.com/material-ui/react-b...
daripada 2024-04-02 19:42:19
0
1
275
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！