如何檢測桌面和移動瀏覽器的寬度與最大compataibility

Question

所以我運行媒體查詢和驗證碼：

//Check different widths as different browsers report it differently 
if ($(window).width()!==0) { 
    width = $(window).width(); 
} 
else if (window.innerWidth!==0) { 
    width = window.innerWidth; 
} 

但現在看來，這些都不是我的媒體查詢匹配起來。結合某些手機不喜歡這些寬度意味着我的風格並不總是匹配我的JS添加樣式。

有沒有人有完整的方式來檢測JavaScript或jQuery的瀏覽器寬度？

Answer 1

The situation is complicated您將需要一個插件來處理所有各種瀏覽器特性，或者您需要自己完成此操作。 This article對我很有幫助。