在定位更改上重新加載web應用程序

Question

簡單的問題。我嘗試了不同的搜索詞組。最近我想是「上方向變化重裝Web應用程序」

我知道或深深可疑某人（或多個）之前已經問過這個問題，＃2，但搜索結果中不回答我的簡單的問題。

1）我有一個網站，使得拿在橫向視圖手機時在智能手機上很好，直到......

2）我重新定位的智能手機軟件到「肖像」視圖位置，那裏的手機處於正常位置，手機的長高是垂直的

然後網頁是而不是使用整個屏幕。頁面保持完全相同的高度，因爲在橫向模式下手機處於「橫向」狀態。我看到的只是使用智能手機屏幕前2/5的頁面。

當我手動刷新頁面時，網頁然後完全填滿整個屏幕的高度。

我已經添加了這一點，它什麼也沒有改變：

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

我喜歡強迫重新加載頁面或東西？在JavaScript時，智能手機的方向發生變化。

因爲我知道一個事實，當我從橫向旋轉智能手機的畫像後重新加載頁面，然後（然後只）將我的網頁使用智能手機的屏幕的整個高度。

我只使用純JavaScript。

當智能手機的方向是從橫向變爲縱向如何重新加載在我的web應用程序我的網頁？

Answer 1

這是一個非常不成熟的解決方案，您有後，但是，

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

是刷新頁面，當用戶改變方向的可靠方式。

您還可以使用

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

---

一般來說，你應該確保你寫正確的HTML/CSS如果你希望你的網頁來響應是這樣設置的，而不是恢復到這種原油的解決方案

的