javascript - $(document).width在PC Chrome和Mac Chrome中报告的方式有所不同

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

$(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中，当浏览器宽度达到767px时，所有功能似乎都可以正常工作。但是，在PC Chrome上，像素为768px时，它不会进入普通列表 View ，而是一直保持为折叠后的列表，直到大约782px为止，因此就像添加15px一样。我尝试通过将参数更改为752px来适应15px来调整代码，但后来弄乱了Mac上的功能。

这是我的测试链接:

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

当您按比例缩小时，我还在处理其他样式问题，但是几天来我一直在这个页脚问题上感到困惑。我只关注页脚导航功能。

最佳答案

我会用:
$( window ).width() > 767
代替
$( document ).width() > 767