перезагрузить веб-приложение при изменении ориентации

Question

Простая проблема. Я пробовал разные поисковые фразы. Самым последним я попробовал это «веб-приложение, перезарядка на изменение ориентации»

Я ЗНАТЬ или ГЛУБОКО SUSPECT кто-то (s) задал этот вопрос, прежде чем на Stackoverflow но результаты поиска не ответить на мой простой вопрос.

1) У меня есть веб-сайт, который не оказывает штраф на смартфон держа телефон в альбомной ориентации, пока ...

2) Я переориентировать смартфон к «портрету» вид позиции, где телефон находится в нормальном положении, а длинная высота телефона - вертикальная.

Тогда веб-страница не, используя весь экран. На странице остается точно такой же высоты, как это было с телефоном, находящимся «вбок» в ландшафтном режиме. То, что я вижу, - это страница, использующая только верхние 2/5 экрана смартфона.

Когда я вручную перезагружаю страницу, веб-страница затем полностью заполняет всю высоту экрана.

Я добавил это, и это ничего не изменило:

<meta name="viewport" content="height = [pixel_value | 'device-height'], 
     width = [pixel_value | 'device-width']" /> 

Я предпочитаю принуждать перезагрузки страницы или что-то ?? в javascript, когда меняется ориентация смартфона.

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

Я использую только чистый javascript.

Как перезагрузить мои веб-страницы в моем веб-приложении, когда ориентация смартфона меняется с ландшафта на портрет?

Answer 1

Это очень бесхитростно решение вы после, но

$(window).resize(function() { 
    window.location.reload(); 
}); 

является надежным способом, чтобы обновить страницу, когда пользователь изменяет ориентацию.

Вы также можете использовать

screen.addEventListener("orientationchange", function() { 
    window.location.reload(); 
}); 

---

Как правило, вы должны убедиться, что вы пишете правильный HTML/CSS, если вы хотите, чтобы ваш веб-страница, чтобы быть работоспособной такие параметры, вместо того, чтобы возвращаться к такому роду грубых решений