幾行js代碼實現(xiàn)自適應(yīng)
更新時間:2017年02月24日 10:46:19 作者:扶桑丷
本文主要介紹了使用js獲取隱藏元素寬高的解決方案以及代碼思路,具有很好的參考價值,下面跟著小編一起來看下吧
在javascript寫下如下幾行:
(function (doc, win, undefined) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (clientWidth === undefined) return;
docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
};
if (doc.addEventListener === undefined) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window);
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
您可能感興趣的文章:
- js實現(xiàn)背景圖自適應(yīng)窗口大小
- js實現(xiàn)文本框?qū)挾茸赃m應(yīng)文本寬度的方法
- JS制作手機(jī)端自適應(yīng)縮放顯示
- js實現(xiàn)屏幕自適應(yīng)局部代碼分享
- JS獲取圖片實際寬高及根據(jù)圖片大小進(jìn)行自適應(yīng)
- javascript自適應(yīng)寬度的瀑布流實現(xiàn)思路
- Iframe 自適應(yīng)高度并實時監(jiān)控高度變化的js代碼
- JS實現(xiàn)iframe自適應(yīng)高度的方法示例
- 通過JAVAScript實現(xiàn)頁面自適應(yīng)
- javascript 裝載iframe子頁面,自適應(yīng)高度
相關(guān)文章
JavaScript中的16進(jìn)制字符(改進(jìn))
后來經(jīng)過自己的測試,發(fā)現(xiàn)將字符轉(zhuǎn)換為十六進(jìn)制的方法不完善。2011-11-11
js 只能輸入數(shù)字和小數(shù)點(diǎn)的文本框改進(jìn)版
以前的版本不能輸入退格鍵等功能。2009-04-04
基于es6三點(diǎn)運(yùn)算符的使用方法(實例講解)
下面小編就為大家?guī)硪黄谌c(diǎn)運(yùn)算符的使用方法(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
JS 實現(xiàn)點(diǎn)擊a標(biāo)簽的時候讓其背景更換
點(diǎn)擊a標(biāo)簽的時候給其換背景的方法有很多,在本文將為大家介紹下js是如何實現(xiàn)的,感興趣的朋友不要錯過2013-10-10
拖動table標(biāo)題實現(xiàn)改變td的大小(css+js代碼)
拖動列寬的表格table標(biāo)題同時改變td的大小,本文將以實例演示為大家呈現(xiàn),感興趣的朋友可以參考下哈,希望對你學(xué)習(xí)js或者css有所幫助2013-04-04
javascript省市級聯(lián)功能實現(xiàn)方法實例詳解
這篇文章主要介紹了javascript省市級聯(lián)功能實現(xiàn)方法,以不同實例形式分析了JavaScript實現(xiàn)省市級聯(lián)菜單的具體技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
JavaScript中eval和with語句如何影響作用域鏈的深度探索
這篇文章主要為大家介紹了JavaScript中eval和with語句如何影響作用域鏈的深度探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05

