max-width媒体查询：是javascript中的document.width或window.width

Question

我正在尝试使用javascript重现媒体查询：max-width：1024px我只是误解了差异，因为我使用document.width和window.width获得了不同的值

我的问题是哪一个是正确的还是匹配的，这是我的代码：

if($(document).width() < 1024){
      console.log($(document).width());
      return true;
} else {
      return false;
}

在现代化中，我会这样做，但我不想使用它。

if (Modernizr.mq('only all and (max-width: 1024px)')) {
  return true;
} else {
  return false;
}

谢谢。

Answer 1

窗口宽度。

例如，你可以使＆lt; body style =“width：200000px”，因此文档宽度将是200000px，但窗口宽度只是浏览器宽度（通常不会大于你的屏幕），所以你现在会看到水平滚动