Размеры окна инструментов разработчика Chrome несовместимы

когда у вас открыты инструменты разработчика Chrome и вы изменяете размер окна, в правом верхнем углу появляется небольшое белое поле, сообщающее вам размеры окна при его изменении. Я отметил его большой зеленой стрелкой на скриншоте ниже.

это очень полезный инструмент, но я заметил, что часто значения неожиданны и несовместимы с шириной других элементов. Например, когда я сделал снимок экрана ниже, Chrome говорит, что ширина окна 419px. Но если я нажму html элементы, ширина которых должна быть 100%, Chrome говорит мне его ширина 404px. Это сбивает меня с толку. Почему они другие? Это ошибка в Chrome?

Chrome developer tools window size indicator

2 ответов


Это включая ширину вертикальной полосы прокрутки. Попробуйте удалить полосу прокрутки, а затем проверить. Он будет точно соответствовать.


FYI эти номера измерений являются document.documentElement.clientWidth и document.documentElement.clientHeight.

Роберт является правильным. Убедитесь, что коэффициент масштабирования 100%, чтобы получить правильные размеры.