快捷導(dǎo)航

幾行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í)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript canvas繪制折線圖
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas繪制折線圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02
js+flash實現(xiàn)的5圖變換效果廣告代碼(附演示與demo源碼下載)
這篇文章主要介紹了js+flash實現(xiàn)的5圖變換效果廣告代碼,涉及JavaScript結(jié)合flash調(diào)用圖片實現(xiàn)幻燈廣告效果,并附帶演示與demo源碼供讀者下載參考,需要的朋友可以參考下
2016-04-04
uni-app瀑布流效果實現(xiàn)方法
Uni-app是一個基于Vue.js開發(fā)跨平臺應(yīng)用的框架,它可以將代碼編譯成多個平臺下的原生應(yīng)用,這篇文章主要給大家介紹了關(guān)于uni-app瀑布流效果的相關(guān)資料,需要的朋友可以參考下
2023-12-12
javascript中Date對象應(yīng)用之簡易日歷實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了javascript中Date對象應(yīng)用之簡易日歷實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-07-07
JavaScript實現(xiàn)預(yù)覽本地上傳圖片功能完整示例
這篇文章主要介紹了JavaScript實現(xiàn)預(yù)覽本地上傳圖片功能,結(jié)合完整實例形式分析了javascript圖片預(yù)覽相關(guān)的格式正則驗證、瀏覽器判斷、頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2019-03-03
JavaScript創(chuàng)建閉包的兩種方式的優(yōu)劣與區(qū)別分析
這篇文章主要介紹了JavaScript創(chuàng)建閉包的兩種方式的優(yōu)劣與區(qū)別分析的相關(guān)資料,需要的朋友可以參考下
2015-06-06
開箱即用的開源工具庫xijs示例詳解
這篇文章主要為大家介紹了開箱即用的開源工具庫xijs示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
js實現(xiàn)可旋轉(zhuǎn)的立方體模型
這里給大家分享的是通過js腳本來控制頁面中的正方體轉(zhuǎn)動特效，用戶可以點擊按鈕向右轉(zhuǎn)動，也可以向下轉(zhuǎn)動，結(jié)合自己的需求控制即可。效果非常棒，這里推薦給大家
2016-10-10
JavaScript動態(tài)檢測密碼強(qiáng)度原理及實現(xiàn)方法詳解
這篇文章主要介紹了JavaScript動態(tài)檢測密碼強(qiáng)度原理及實現(xiàn)方法,結(jié)合具體實例形式詳細(xì)分析了javascript針對輸入字符串密碼強(qiáng)度檢測的原理與相關(guān)判斷操作技巧,需要的朋友可以參考下
2019-06-06
微信小程序上傳圖片并等比列壓縮到指定大小的實例代碼
這篇文章主要介紹了微信小程序上傳圖片并等比列壓縮到指定大小，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-10-10