首頁 > web前端 > js教程 > 幾行js程式碼實作自適應

幾行js程式碼實作自適應

高洛峰
發布: 2017-02-25 16:11:32
原創
1434 人瀏覽過

在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);
登入後複製

以上就是本文的全部內容,希望本文的內容對大家的學習或工作能帶來一定的幫助,同時也希望多多支持PHP中文網!

更多幾行js程式碼實作自適應相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板