手機端轉(zhuǎn)換rem適應(yīng)

更新時間：2017年04月01日 10:42:54 作者：她讓我換網(wǎng)名

本文主要介紹了手機端轉(zhuǎn)換rem適應(yīng)的方法實例。具有很好的參考價值。下面跟著小編一起來看下吧

話不多說，請看代碼：

 <script>
  (function() {
   var changeRem = function() {
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px';
   };
   changeRem();
   var t;
   window.addEventListener('resize', function() {
    clearTimeout(t);
    t = setTimeout(changeRem, 300);
   }, false);
   window.addEventListener('pageshow', function(e) {
    if (e.persisted) {
     clearTimeout(t);
     t = setTimeout(changeRem, 300);
    }
   }, false);
  }());
 </script>

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

手機端頁面rem寬度自適應(yīng)腳本

相關(guān)文章

JS中使用Array函數(shù)shift和pop創(chuàng)建可忽略參數(shù)的例子
這篇文章主要介紹了JS中使用Array函數(shù)shift和pop創(chuàng)建可忽略參數(shù)的例子,這是一種比較高級的應(yīng)用,需要的朋友可以參考下
2014-05-05
原生JavaScrip實現(xiàn)語音識別的示例詳解
語音識別轉(zhuǎn)文本看似是很有難度的一個功能,但你知道嗎,使用原生?JavaScript?也能實現(xiàn)語音識別功能,下面小編就來和大家講講具體的實現(xiàn)方法吧
2025-03-03
Maps Javascript
Maps Javascript...
2007-01-01
基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【二】列表分頁處理和插件JSTree的使用
本文給大家介紹基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【二】列表分頁處理和插件JSTree的使用，介紹頁面內(nèi)容常用到的數(shù)據(jù)分頁處理，以及Bootstrap插件JSTree的使用，非常具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
前端實現(xiàn)電子簽名的步驟及注意事項
本文詳細介紹了前端技術(shù)中電子簽名的實現(xiàn)方法,包括技術(shù)選型如HTML5?Canvas和SVG,以及實現(xiàn)步驟和數(shù)據(jù)安全措施,電子簽名確保了法律效力和數(shù)據(jù)的安全性,適用于多種文件簽署需求,需要的朋友可以參考下
2024-11-11
JS如何使用正則表達式(match)截取括號中的文字和數(shù)字
正則表達式是一種用來匹配文本模式的工具,這篇文章主要給大家介紹了關(guān)于JS如何使用正則表達式(match)截取括號中文字和數(shù)字的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2023-10-10
微信小程序多音頻播放進度條問題
小程序的音頻組件居然沒有進度控制的功能，需要我們自己實現(xiàn)，下面腳本之家小編給大家?guī)砹宋⑿判〕绦蚨嘁纛l播放進度條問題，感興趣的朋友一起看看吧
2018-08-08
JavaScript程序設(shè)計高級算法之動態(tài)規(guī)劃實例分析
這篇文章主要介紹了JavaScript程序設(shè)計高級算法之動態(tài)規(guī)劃,結(jié)合實例形式分析了javascript動態(tài)規(guī)劃算法的原理、實現(xiàn)技巧與相關(guān)使用注意事項,需要的朋友可以參考下
2017-11-11
javascript函數(shù)定義的幾種區(qū)別小結(jié)
本篇文章主要是對javascript函數(shù)定義的幾種區(qū)別進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
JavaScript面向?qū)ο笾接徐o態(tài)變量實例分析
這篇文章主要介紹了JavaScript面向?qū)ο笾接徐o態(tài)變量,結(jié)合實例形式分析了私有靜態(tài)變量的定義與使用方法,需要的朋友可以參考下
2016-01-01