幾行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制作手機端自適應(yīng)縮放顯示
- js實現(xiàn)屏幕自適應(yīng)局部代碼分享
- JS獲取圖片實際寬高及根據(jù)圖片大小進行自適應(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)文章
js 只能輸入數(shù)字和小數(shù)點的文本框改進版
以前的版本不能輸入退格鍵等功能。2009-04-04JS 實現(xiàn)點擊a標(biāo)簽的時候讓其背景更換
點擊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-04javascript省市級聯(lián)功能實現(xiàn)方法實例詳解
這篇文章主要介紹了javascript省市級聯(lián)功能實現(xiàn)方法,以不同實例形式分析了JavaScript實現(xiàn)省市級聯(lián)菜單的具體技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10JavaScript中eval和with語句如何影響作用域鏈的深度探索
這篇文章主要為大家介紹了JavaScript中eval和with語句如何影響作用域鏈的深度探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-05-05