Элементы имеют немного меньшую ширину в хроме в зависимости от ОС
Итак, у меня есть тест Galen Framework в OSX, но когда я запускаю его во время CI на образе док-станции Alpine Linux или в Windows, Chrome Virtualbox возвращает немного меньшую ширину для элементов.
Я проследил это до некоторой разницы между Chrome в этих ОС. Например, если вы заходите на https://www.theverge.com/ (случайно выбранный сайт) в окне Chrome шириной 1025. И откройте консоль dev tools и возьмите заголовок, затем получите его ширину с помощью javascript:
example = document.querySelector('body > div.l-root.l-reskin > div.l-header')
example.offsetWidth
Элемент будет иметь ширину 1025 в OSX, но только ширину 1008 в Linux и Windows. Что странно, потому что оба возвращают 1025 для window.innerWidth,
Есть предложения, как с этим бороться? Может быть, хромированный флаг, который сделает это последовательным? Это ошибка в Chrome или я что-то упустил.