Js動(dòng)態(tài)設(shè)置rem來(lái)實(shí)現(xiàn)移動(dòng)端字體的自適應(yīng)代碼
更新時(shí)間：2016年10月14日 14:12:01 作者：Rankingblack
這篇文章主要介紹了Js動(dòng)態(tài)設(shè)置rem來(lái)實(shí)現(xiàn)移動(dòng)端字體的自適應(yīng)代碼，代碼簡(jiǎn)單易懂非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
下面一段代碼給大家介紹了Js動(dòng)態(tài)設(shè)置rem來(lái)實(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í)際大小來(lái)的，所以值具體根據(jù)設(shè)計(jì)圖的大小
var size = (winWidth / 750) * 100;
doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
};
//這里我們給個(gè)定時(shí)器來(lái)實(shí)現(xiàn)頁(yè)面加載完畢再進(jìn)行字體設(shè)置
setTimeout(function() {
//初始化
setFontSize();
}, 100);
以上所述是小編給大家介紹的Js動(dòng)態(tài)設(shè)置rem來(lái)實(shí)現(xiàn)移動(dòng)端字體的自適應(yīng)代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
為什么用表單的方式就可以傳遞中文，而URL的方式就不行了呢？非得用URL傳值的方式才能解決問(wèn)題嗎？這里我想到了動(dòng)態(tài)表單，何不用它來(lái)解決呢2013-04-04
緩存對(duì)于前端頁(yè)面來(lái)說(shuō)，是加速頁(yè)面加載的利器之一，但也同時(shí)帶來(lái)了很多問(wèn)題，這篇文章主要介紹了淺談微信頁(yè)面入口文件被緩存解決方案，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要介紹了小程序新版訂閱消息模板消息，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
我們都知道車牌是有一定規(guī)律的，本文實(shí)現(xiàn)了微信小程序中實(shí)現(xiàn)車牌輸入功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章介紹了JavaScript中的字符串操作，有需要的朋友可以參考一下2013-11-11
一直都嫌下拉框這個(gè)html控件難看，之前弄了個(gè)<div><ul><li></li></ul></div>版的下拉框.2010-02-02
學(xué)前端,css與javascript重難點(diǎn)淺析
JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言,已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā)，CSS（Cascading Style Sheet）層疊樣式表單，今天給大家分享css與javascript重難點(diǎn)，感興趣的朋友一起看看吧2020-06-06
深入淺析JavaScript中的arguments對(duì)象(強(qiáng)力推薦)
這篇文章主要介紹了JavaScript中的arguments對(duì)象(強(qiáng)力推薦)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法
很多時(shí)候，需要對(duì)Yii表單model中的對(duì)象設(shè)置的rules進(jìn)行判斷，但是有的時(shí)候可能需要在提交之前就在客戶端進(jìn)行驗(yàn)證。怎么處理呢？接下來(lái)通過(guò)本文給大家分享yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法，需要的的朋友參考下2017-03-03
這篇文章主要介紹了js中的 || 與 && 運(yùn)算符詳解,需要的朋友可以參考下2018-05-05