screen.width不检查窗口大小调整

Question

我目前正在使用此脚本查看访问我网站的用户是否屏幕宽度小于800.我遇到的问题是我还希望在用户触发警报时将屏幕宽度调整为小于800.如何实现？

目前，当最大屏幕宽度低于800时，脚本仅显示警告。

例如，当用户的宽度为1000但我们将浏览器宽度缩小到720时，我希望触发此消息。

  if (screen.width <= 800) {
    window.alert("screen smaller than 800");
  }

Answer 1

将其包裹在resize event中，您需要获取window's width，而不是screen's width

window.addEventListener("resize", function() {
   if (window.innerWidth <= 800) {
       window.alert("screen smaller than 800");
   }
})

Answer 2

你需要：

window.addEventListener('resize', function() {
  if (window.innerWidth <= 800) {
    window.alert("screen smaller than 800");
  }
}, true);

Answer 3

你可以用调整大小功能来点头：

var width = $(window).width();

$(window).resize(function(){
  if ($(this).width() <= 800) {
    window.alert("screen smaller than 800");
  }   
});