CSS mobile - портретная ориентация после полноэкранного просмотра

Question

У меня есть веб-сайт для мобильных устройств. У меня проблема с портретом/пейзажем при возврате из полноэкранного режима.

1. У меня есть устройство в ландшафтном режиме.
2. Я перехожу на страницу, которая запускает полноэкранный режим браузера.
3. Теперь, когда я нажимаю на ссылку и перенаправляется на другую страницу, полноэкранный режим отключен. Правильно.
4. Однако теперь, когда я переключаюсь в портретный режим, веб-сайт действует как в ландшафтном режиме. Вычисленная ширина - это то же значение, что и в ландшафтном режиме. Это происходит только после возврата из полноэкранного режима.

Мой контент ДИВ установил width: 100%;

Answer 1

настройки max-width в 100% Try. Это указывает ширина не должна быть больше, чем 100%

width только устанавливает начальное значение, оно не пересчитывать каждый раз, когда размер экрана меняется

Answer 2

установки ширины явно после ориентации изменилась помогло.

$(window).on("orientationchange", function (e) { 

    $(".page-content").width(screen.width); 
});