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)文章
為什么用表單的方式就可以傳遞中文，而URL的方式就不行了呢？非得用URL傳值的方式才能解決問題嗎？這里我想到了動態(tài)表單，何不用它來解決呢2013-04-04
緩存對于前端頁面來說，是加速頁面加載的利器之一，但也同時帶來了很多問題，這篇文章主要介紹了淺談微信頁面入口文件被緩存解決方案，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要介紹了小程序新版訂閱消息模板消息，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
我們都知道車牌是有一定規(guī)律的，本文實現(xiàn)了微信小程序中實現(xiàn)車牌輸入功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章介紹了JavaScript中的字符串操作，有需要的朋友可以參考一下2013-11-11
一直都嫌下拉框這個html控件難看，之前弄了個<div><ul><li></li></ul></div>版的下拉框.2010-02-02
JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā)，CSS（Cascading Style Sheet）層疊樣式表單，今天給大家分享css與javascript重難點，感興趣的朋友一起看看吧2020-06-06
深入淺析JavaScript中的arguments對象(強力推薦)
這篇文章主要介紹了JavaScript中的arguments對象(強力推薦)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
很多時候，需要對Yii表單model中的對象設(shè)置的rules進行判斷，但是有的時候可能需要在提交之前就在客戶端進行驗證。怎么處理呢？接下來通過本文給大家分享yii form 表單提交之前JS在提交按鈕的驗證方法，需要的的朋友參考下2017-03-03
這篇文章主要介紹了js中的 || 與 && 運算符詳解,需要的朋友可以參考下2018-05-05