Js動態(tài)設(shè)置rem來實現(xiàn)移動端字體的自適應(yīng)代碼
更新時間：2016年10月14日 14:12:01 作者：Rankingblack
這篇文章主要介紹了Js動態(tài)設(shè)置rem來實現(xiàn)移動端字體的自適應(yīng)代碼，代碼簡單易懂非常不錯，具有參考借鑒價值，需要的朋友可以參考下
下面一段代碼給大家介紹了Js動態(tài)設(shè)置rem來實現(xiàn)移動端字體的自適應(yīng)，以此做個記錄，方便以后需要，感興趣的朋友一起看看吧。
具體代碼如下所示：
//設(shè)置根元素字體
var win = window,
doc = document;
function setFontSize() {
var winWidth = $(window).width();
//750這個數(shù)字是根據(jù)你的設(shè)計圖的實際大小來的，所以值具體根據(jù)設(shè)計圖的大小
var size = (winWidth / 750) * 100;
doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
};
//這里我們給個定時器來實現(xiàn)頁面加載完畢再進行字體設(shè)置
setTimeout(function() {
//初始化
setFontSize();
}, 100);
以上所述是小編給大家介紹的Js動態(tài)設(shè)置rem來實現(xiàn)移動端字體的自適應(yīng)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本文主要對javascript中的JSON進行詳細介紹。相信對于初學(xué)者具有很好的參考價值，下面就跟著小編一起來看下吧2016-12-12
這篇文章主要介紹了JS實現(xiàn)簡單的文字無縫上下滾動功能,結(jié)合實例形式分析了JavaScript結(jié)合時間函數(shù)動態(tài)操作頁面元素屬性變換實現(xiàn)文字滾動功能相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了JS中實現(xiàn)數(shù)組開頭添加元素方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
Javascript實現(xiàn)鼠標框選操作 不是點擊選取
這篇文章主要介紹了Javascript實現(xiàn)鼠標框選操作,不是點擊選取,利用鼠標進行框選，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要為大家詳細介紹了原生js仿jquery animate動畫效果，具有一定的，感興趣的小伙伴們可以參考一下2016-07-07
基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【四】Bootstrap圖標的提取和利用
通過本文主要介紹如何提取Bootstrap的圖標信息，存儲到數(shù)據(jù)庫里面為我所用，非常具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
解析javascript系統(tǒng)錯誤：-1072896658的解決辦法
問題出現(xiàn)在用到ajax的場合。昨天還正常的程序，今天運行就有javascript系統(tǒng)錯誤：-1072896658的2013-07-07
這篇文章主要介紹了javascript顯式類型轉(zhuǎn)換,實例分析了javascript實現(xiàn)類型轉(zhuǎn)換的常用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
經(jīng)常使用其他腳本語言（ASP ASP.NET PHP等）獲取頁面的瀏覽來源，今天我們來研究下使用Javascript以及C#獲取頁面的referer。2014-11-11
這篇文章主要介紹了Javascript地址引用代碼實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02