$(document).width 在 PC Chrome 和 Mac Chrome 中的报告不同

Question

所以我有一些页脚功能代码：

$(document).ready(function () {

$("<a class=\"dropdown-toggle dropdown-toggle-new disabled\" data-toggle=\"dropdown\" data-target=\"#\" style=\"text-align:right; float:right; display:inline; cursor:pointer\">+</a><br clear=\"both\"/><br clear=\"both\"/>").insertAfter("footer .dropdown-toggle");
$(".dropdown-toggle-new").css({ "display": "none" });

$('li.dropdown .dropdown-toggle-new').click(function () {
    $(this).parent().children('ul.dropdown-menu').toggle(300);
});  

$( window ).resize(changeFooter);
  changeFooter();

    function changeFooter(){
      if ($( document ).width() > 767){
          $('li.dropdown .dropdown-toggle-new').parent().children('ul.dropdown-menu').show();   
          $(".dropdown-toggle-new").css({ "display": "none" });
      } else {
          $(".dropdown-toggle-new").css({ "display": "inline" });     
          $('li.dropdown .dropdown-toggle-new').parent().children('ul.dropdown-menu').hide();
      }
    }
});

我遇到的问题是，在 Mac Chrome 中，当浏览器宽度达到 767 像素时，一切似乎都可以正常工作。但是在 PC Chrome 上，在 768 像素时它不会进入正常列表视图，它会一直保持为折叠列表，直到大约 782 像素，所以就像添加 15 像素一样。我尝试通过将参数更改为 752px 以适应 15px 来调整代码，但这会破坏 Mac 上的功能。

这是我的测试链接：

http://www.conversantmedia.com/publishers（实际上在页面包含要测试的页脚）

随着您的缩小，我正在处理一些其他样式问题，但我已经被这个页脚问题困扰了几天了。我只关注页脚导航功能。

Answer 1

我会使用：

$( window ).width() > 767

而不是

$( document ).width() > 767