使用带有javascript的$watch监视window.innerWidth以查看浏览器分辨率的更改

我需要知道我的客户端在浏览器中的当前屏幕分辨率

我需要这些信息来进行计算

这将是我的职责：

  scope.$watch('**??what,should,go,here??**', function() {
     scope.screen = (window.innerWidth / 2) - 150;
  });

正如您所看到的，我想使用一个常规的$watch函数。我的问题是我不知道看什么。我试着看窗户，但这不起作用。我想是因为这只是第一次给出一个值

我相信可能有一个简单的解决办法

---

谢谢。

绑定到

onresize

，例如

window.addEventListener("resize", function () {
    // check width
});

你可以用这个

 window.addEventListener("resize", function () {
     // scripts
 }

但是看起来您希望根据窗口大小来设置页面样式，所以我相信您需要的是使用

.clientWidth

window.addEventListener("resize", function () {
    if (document.clientWidth < 900) {
        // scripts
     }
}

---

最好使用$window

@media (max-width: 900px) and (min-width: 300px) {
    // CSS
}