На главной странице моего личного сайта github есть самая странная проблема. При открытии в Chrome два элемента div (верхний и нижний колонтитулы страницы) слегка сдвигаются вверх, поэтому один из них блокируется строкой URL:
Когда я перезагружаю страницу, они располагаются нормально:
Открытие страницы в новой вкладке вызывает проблему, но очистка кэша - нет. Перезагрузка исправляет это 100% времени, с первой попытки. Почему он не отображается должным образом при первой загрузке?
Я использую Google Chrome версии 68.0.3440.106 (Официальная сборка) (64-разрядная версия) на компьютере Mac, работающем с высокой скоростью. Я не смог воспроизвести ошибку в любом другом браузере или операционной системе (я пробовал Safari на этом компьютере и Chrome, Firefox и IE на браузер - все без проблем), но я воспроизвел его на другом компьютере Mac, также работающем с Chrome .
Ссылка на мой сайт https://aderhall.github.io, и вы можете найти исходный код по адресу https://github.com/aderhall/aderhall.github.io (это файлы index.html, css и js). На самом деле, я не могу дать отрывок, поскольку проблема может быть где угодно, насколько я знаю.
Я довольно новичок в веб-разработке, поэтому буду очень признателен за объяснения проблемы и решения в дополнение к самим решениям.