resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
我查了JS手册,window对象里并没有 orientationchange这个属性,为什么当屏幕旋转时还能检测到呢?
下面是源代码:
(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if (clientWidth >= 640) { docEl.style.fontSize = '100px'; } else { docEl.style.fontSize = 100 * (clientWidth / 640) + 'px'; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); recalc();})(document, window);
相关分类