Почему медиа -запрос применяется к меньшему значению, чем то, что я установил? ⇐ Html

[Anonymous]

Я использую JS для мониторинга XY мыши, и когда я сжимаю окно, среда применяется к значению, которое я не спрашивал. Что может вызвать эту ошибку исчисления? Это прокрутка на стороне браузера? Я использую смелый браузер, чтобы проверить это, и не имеет значения, если я попробую «мин-ширина» или «максимальная ширина», значение, которое я устанавливает, оно применяется только меньше, чем его, как изображения, показывающие ниже. Описание здесь "src =" https://i.sstatic.net/yxq1i.png "/>








body {
background-image: linear-gradient(45deg, #222, #444, black);
min-height: 100vh;
}

@media only screen and (max-width: 1000px) {
body {
background-image: linear-gradient(45deg, purple, yellow, black);
}
}





let windowEl = document.querySelector('.window-properties')
setInterval(() => {
let width = windowEl.innerWidth || document.documentElement.clientWidth ||
document.body.clientWidth;
let height = windowEl.innerHeight|| document.documentElement.clientHeight||
document.body.clientHeight;
windowEl.innerHTML = `${width}, ${height}`
}, 1)





Подробнее здесь: https://stackoverflow.com/questions/744 ... what-i-set