如何检测桌面和移动浏览器的宽度与最大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对我很有帮助。