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

Question

我目前正在使用此脚本来查看访问我网站的用户的屏幕宽度是否小于 800。我遇到的问题是，我还希望当用户将屏幕宽度调整为 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");
   }
})