Обновить браузер при изменении ориентации телефона

Question

У меня проблема с новым веб-сайтом, над которым мы работаем.Мы используем адаптивный CSS с медиа-запросами.Проблема, с которой мы столкнулись, заключается в том, что при изменении ориентации телефона CSS не меняется (иногда) до тех пор, пока страница не будет обновлена.

Есть ли способ автоматически обновить браузер при изменении ориентации телефона?

Я нашел ссылку на раздел «Ориентация» в Safari Web, который может помочь (обработка событий ориентации)?https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Answer 1

Попробуйте это:

Раствор 1

window.onorientationchange = function()
{
   window.location.reload();
}

Раствор 2

if (window.DeviceOrientationEvent) {
    window.addEventListener('orientationchange', function() { location.reload(); }, false);
}

Ваш сайт перезагрузится при изменении ориентации телефона.

Answer 2

Вот три способа работы с ориентацией устройства, которые могут быть полезны:
http://davidbcalhoun.com/2010/dealing-with-device-orientation