1. 程式人生 > >js 實現在移動端開發,解決不同手機畫素大小的相容問題

js 實現在移動端開發,解決不同手機畫素大小的相容問題

Js 實現在移動開發網頁時,根據手機畫素不同,自動改變相對,字型的大小。 例項程式碼中以750畫素為參考,如果在350畫素手機上顯示該內容,相對字型大小為1px=0.01rem

  (function (doc, win) {
                var docEle = doc.documentElement,
                        resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize';
                var recalCulate = function
() {
var width = docEle.clientWidth; docEle.style.fontSize = 100 * (width / 750) + 'px'; }; recalCulate(); if (!doc.addEventListener) return; win.addEventListener(resizeEvent, recalCulate, false); })(document, window);