觀看window.innerWidth瀏覽器分辨率的變化使用$ watch與javascript

Question

我需要知道我的客戶端在其瀏覽器中的當前屏幕分辨率。

我需要這些信息才能進行計算。

這將是我的函數：

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

，你可以看到，我想用一個常規的$手錶功能。我的問題是我不知道要看什麼。我試着看window.innerWidth，但這不起作用。我認爲，因爲這隻會給第一次價值。

我相信有一個簡單的解決方案可能。

謝謝。

Answer 1

綁定到onresize，例如，

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

Answer 2

您可以使用此

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

但它看起來像你想要的風格基礎上，窗口大小的頁面，所以使用.clientWidth與它一起，我相信是你在找什麼

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

或者，假設它是造型的目的，你可以使用CSS @media查詢，像這樣

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