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