js適配螢幕大小
阿新 • • 發佈:2018-12-23
1.通過js適配不同的螢幕大小
(function() { var docEl = document.documentElement, resizeEvt = 'onorientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if(!clientWidth) return; if(clientWidth >= 600) { docEl.style.fontSize = '100px'; } else { docEl.style.fontSize = 100 * (clientWidth / 375) + 'px'; } }; window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); })();