Некорректно определяется ширина документа в браузерах на сайте
Столкнулся с такой проблемой: есть сайт, работает на битрикс. В браузерах Chrome, Opera, Edge некорректно определяется ширина окна. В Firefox и Safari все норм. Отслеживаю поведение по window.innerWidth. Поведение такое:
- При реальной ширине 0-245px значение
window.innerWidthв 4 раза больше - При реальной ширине 246-980px значение
window.innerWidth980px (иногда 981px) - При реальной ширине выше 980px
window.innerWidthтакое же
Следствие такого поведения -- неправильно отрабатывают media стили.
Пробовали отключать все стили/скрипты, результатов не дало. Сторонних модулей на сайте нет, только стандартные битриксовские. Проблема сохраняется в административной части сайта.
Может кто знает, с чем это может быть связано?
Если нужны дополнительные данные -- приложу
Пример, как это выглядит:
Ответы (1 шт):
Проблема оказалась смешной, забыли указать размер viewport'a. После добавления в head строчки <meta name="viewport" content="width=device-width, initial-scale=1.0"> все заработало нормально.