移動端動態計算根元素的字型大小
阿新 • • 發佈:2018-12-23
(function (doc, win) { var docEl = doc.documentElement, //文件根標籤 resizeEvent = 'orientationchange' in window ? 'orientationchang' : 'resize'; //viewport變化事件源 var rescale = function () { win.clientWidth = docEl.clientWidth; if (!win.clientWidth) return; // (螢幕寬度/設計圖寬度) = 縮放或擴大的比例值; docEl.style.fontSize = 36 * (win.clientWidth / 375) + 'px'; } if (!doc.addEventListener) return; win.addEventListener(resizeEvent, rescale, false); doc.addEventListener('DOMContentLoaded', rescale, false); })(document, window);