Kaedah JS untuk menukar saiz teks halaman web secara dinamik dalam masa nyata mengikut saiz kemahiran window_javascript pelayar

Contoh dalam artikel ini menerangkan kaedah JS menukar saiz teks halaman web secara dinamik dalam masa nyata mengikut saiz tetingkap penyemak imbas. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Pada masa ini, sisa CSS3 telah membawa perubahan yang tidak pernah berlaku sebelum ini kepada pembangunan mudah alih kami, menjadikan pembangunan kami lebih mudah dan lebih serasi dengan banyak peranti, tetapi ini bukan fokus artikel ini saiz teks halaman web dalam masa nyata.

Kod adalah seperti berikut:

<script>
 /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
 function placeholderPic(){
  var w = document.documentElement.offsetWidth;
  document.documentElement.style.fontSize=w/20+'px';
 }
 placeholderPic();
 window.onresize=function(){
  placeholderPic();
 }
</script>

PS: Di sini kami mengesyorkan alat pemampatan, pemformatan dan penyulitan JavaScript yang sangat mudah digunakan dengan fungsi yang sangat berkuasa:

Alat pemampatan/pemformatan/penyulitan JavaScript: http://tools.jb51.net/code/jscompress

Fungsi penyulitan dalam alat js di atas boleh merealisasikan bentuk penyulitan fungsi eval bagi kod js Dalam hal ini, tapak ini juga menyediakan alat penyahsulitan berikut untuk penyulitan fungsi eval, yang sangat berkuasa dan praktikal!

Alat penyulitan dan penyahsulitan kaedah JS eval: http://tools.jb51.net/password/evalencode

Pembaca yang berminat dengan lebih banyak kandungan berkaitan JavaScript boleh menyemak topik khas di tapak ini: "Ringkasan teknik algoritma carian JavaScript", "Ringkasan kesan dan teknik khas animasi JavaScript ", "Ringkasan ralat JavaScript dan teknik penyahpepijatan", "Ringkasan struktur data JavaScript dan teknik algoritma", "Ringkasan algoritma dan teknik traversal JavaScript" dan "Ringkasan Matematik JavaScript bagi penggunaan operasi》

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.