Размеры окна инструментов разработчика Chrome несовместимы
когда у вас открыты инструменты разработчика Chrome и вы изменяете размер окна, в правом верхнем углу появляется небольшое белое поле, сообщающее вам размеры окна при его изменении. Я отметил его большой зеленой стрелкой на скриншоте ниже.
это очень полезный инструмент, но я заметил, что часто значения неожиданны и несовместимы с шириной других элементов. Например, когда я сделал снимок экрана ниже, Chrome говорит, что ширина окна 419px. Но если я нажму html
элементы, ширина которых должна быть 100%, Chrome говорит мне его ширина 404px. Это сбивает меня с толку. Почему они другие? Это ошибка в Chrome?
2 ответов
Это включая ширину вертикальной полосы прокрутки. Попробуйте удалить полосу прокрутки, а затем проверить. Он будет точно соответствовать.
FYI эти номера измерений являются document.documentElement.clientWidth
и document.documentElement.clientHeight
.
Роберт является правильным. Убедитесь, что коэффициент масштабирования 100%, чтобы получить правильные размеры.