移動端頁面適配---rem
阿新 • • 發佈:2017-08-24
client logs dom color mco fun win window event
(function(doc, win) { var docEl = doc.documentElement, resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘, recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if (clientWidth >= 750) { docEl.style.fontSize= ‘100px‘; } else { docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px‘; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(‘DOMContentLoaded‘, recalc, false); })(document, window);
750為設計圖寬度,可以根據設計圖寬度自行調整數值。
1rem 等於設計圖上100px.
移動端頁面適配---rem