如何以最大的兼容性检测桌面和移动浏览器的宽度

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

情况很复杂，您要么需要一个插件来处理所有各种浏览器特性，要么需要自己完成。这篇文章对我很有帮助。