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