медиа-запрос максимальной ширины: это document.width или window.width в javascript

Я пытаюсь воспроизвести медиа-запрос: max-width: 1024px с javascript, и я просто неправильно понимаю разницу, поскольку получаю разные значения с помощью document.width и window.width

Мой вопрос в том, какой из них правильный или соответствует, вот мой код:

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

В modernizr я бы сделал это так, но я стараюсь не использовать его.

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

Спасибо.