Javascript $（文档）。在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();
      }
    }
});

$（文档）.ready（函数（）{
$（（实际上在第页包含要测试的页脚）

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

$（窗口）.width（）>767

而不是

$（文档）.width（）>767
当我看到15px的差异时，我脑海中浮现的第一件事是滚动条。Windows和Mac的渲染方式不同，所以看起来你需要解决这个问题。检查和。这些问题与你的问题并不完全相同，但它们可能会对如何解决这个问题有所帮助。