使用ie/else-if比较window.innerWidth

Question

我已经创建了if/else if条件，这些条件应该检查window.innerWidth并更新变量。然而，它并没有检测到低于768的屏幕尺寸。

我做错了什么？我能做些什么来使它更好、更高效或更清洁？

var ww = window.innerWidth;
var responsiveScale;
if (ww <= 768) {
responsiveScale = 1,
console.log("less than or equal to 768");
} else if (ww > 768 && ww <= 1280) {
responsiveScale = 2,
console.log("screen is greater than 768 but less than or equal to 1280");
} else if (ww > 1280 && ww <= 1440) {
responsiveScale = 3
console.log("screen is greater than 1280 but less than or equal to 1440");
} else if (ww > 1440 && ww <= 1920) {
responsiveScale = 4
console.log("Screen is greater than 1440 but less than or equal to 1920");
} else {
responsiveScale = 5
console.log("Screen is greater 1920");
}

Answer 1

您应该使用来监听窗口大小调整事件

window.onresize = function() {
//compute the window innerWidth here
}