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

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

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