js實現(xiàn)適配不同的屏幕大小
更新時間：2017年04月10日 08:25:17 作者：語潸雪
本文主要介紹了通過js適配不同的屏幕大小的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧
話不多說，請看代碼：
// 通過js適配不同的屏幕大小
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
// 根據(jù)設備的比例調(diào)整初始font-size大小
if(clientWidth>640) clientWidth = 640;
docEl.style.fontSize = 50 * (clientWidth / 320) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
您可能感興趣的文章:
相關文章
js運動框架_包括圖片的淡入淡出效果，需要的朋友可以參考一下2013-05-05
這篇文章主要介紹了自己封裝的javascript事件隊列函數(shù)版,兼容了大部份瀏覽器,需要的朋友可以參考下2014-06-06
Ajax不是一種新的編程語言，而是使用現(xiàn)有標準的新方法。本文重點給大家介紹javascript中ajax知識，非常不錯，感興趣的朋友參考下2016-08-08
js判斷輸入是否中文，數(shù)字，身份證等等js函數(shù)集合
收集的比較多，建議大家查找搜尋，常用的js判斷函數(shù)2008-09-09
Javascript的數(shù)組與字典用法與遍歷對象的技巧
Javascript 的數(shù)組Array,既是一個數(shù)組，也是一個字典(Dictionary)。先舉例看看數(shù)組的用法2012-11-11
本文通過實例代碼給大家介紹了js反彈動畫效果的實現(xiàn)代碼，需要的朋友參考下吧2017-07-07
easyui-edatagrid.js實現(xiàn)回車鍵結束編輯功能的實例
下面小編就為大家?guī)硪黄猠asyui-edatagrid.js實現(xiàn)回車鍵結束編輯功能的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實現(xiàn)代碼，希望對你有所幫助2013-04-04
HTML+CSS+JavaScript實現(xiàn)放大鏡效果
這篇文章主要為大家詳細介紹了HTML+CSS+JavaScript實現(xiàn)放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
覺得豬八戒網(wǎng)左下角的文字滾動，效果不錯！自己摸索了一下，以自己的方法實現(xiàn)了！沒有運用jQuery,不過用了自己的編寫的Js庫！2011-10-10