手機端轉換rem適應
更新時間：2017年04月01日 10:42:54 作者：她讓我換網(wǎng)名
本文主要介紹了手機端轉換rem適應的方法實例。具有很好的參考價值。下面跟著小編一起來看下吧
話不多說，請看代碼：
<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>
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
您可能感興趣的文章:
相關文章
深入理解Javascript動態(tài)方法調用與參數(shù)修改的問題
這篇文章主要是對Javascript動態(tài)方法調用與參數(shù)修改的問題進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這是前端面試的經(jīng)典題型，要去找工作的小伙伴看看還是有幫助的,需要的朋友可以參考下2017-06-06
你是否知道JavaScript其實也是一個函數(shù)式編程語言呢？本文將教你如何利用JavaScript的函數(shù)式特性。2015-09-09
微信小程序仿抖音視頻之整屏上下切換功能的實現(xiàn)代碼
這篇文章主要介紹了微信小程序仿抖音視頻之整屏上下切換功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
最基本的寫法 ，然后實現(xiàn)Js和HTML的分離，然后又實現(xiàn)對同一個元素注冊多個事件，期間，我們發(fā)現(xiàn)注冊事件的兼容性問題。最后我們對注冊事件的方法進行封裝，方便以后使用。2011-01-01
淺析如何使用JavaScript輕松實現(xiàn)數(shù)據(jù)轉換
這篇文章主要為大家詳細介紹了如何使用JavaScript輕松實現(xiàn)數(shù)據(jù)轉換,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-10-10
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)左側導航欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
本文給大家分享基于javascript制作的qq空間相冊展示效果，涉及到html\css布局思維，浮動定位詳解，具體實現(xiàn)代碼大家參考下本文2017-12-12
一般GridView第一列是多選框CheckBox，負責標記當前行是否被選中，后面可以有文本框TextBox，下拉框DropDownList，標簽Lable2009-04-04
JavaScript 模式之工廠模式(Factory)應用介紹
工廠模式也是對象創(chuàng)建模式之一，它通常在類或類的靜態(tài)方法中去實現(xiàn),本文將詳細介紹JavaScript 工廠模式2012-11-11