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

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对我非常有帮助。