媒體查詢定位變化在Android

Question

我有一個網站，這是創建的Android設備上的webview加載 所以基本上我所期待的是，我要加載的網站將適合在屏幕上，即不應該有任何東西溢出頁面，並介紹滾動

當你在縱向模式下在webview中加載網站，它加載好，我的意思是一切就位，沒有溢出什麼，圖像是在其正確的大小，如果我在瀏覽webview時將其改爲風景，一切仍然很酷，它仍然會縮放並顯示與縱向模式相同的視圖，您只需在它周圍獲得額外的空間即可。但是，如果我首先在橫向模式下加載webview，似乎我的網站的內容被放大了一種方式，因爲在景觀中，你有這個額外的寬度，現在如果我把我的手機，使它的肖像，它不會重新縮放我的網站內容，所以圖片太大而不適合縱向顯示，並且會迫使您向右滾動以查看整個圖片。

我試圖避免在您需要滾動才能看到的內容

是不是因爲旋轉的WebView時，從橫向到縱向說，機器人只取無論是在橫向模式，並把它在肖像，不試圖調整它？

Answer 1

iOS上存在類似的錯誤，其中旋轉設備導致奇怪的頁面縮放問題（詳情請參閱https://github.com/scottjehl/Device-Bugs/issues/2）。我發現iOS上的一個很好的解決方法是更改​​元視口標記。這似乎是最常見的（並用於配備了HTML5樣板）元視口代碼是這樣的：

<meta name="viewport" content="width=device-width,initial-scale=1.0"> 

然而，通過移除initial-scale=1.0，這個bug可以迴避（在iOS上）：

<meta name="viewport" content="width=device-width"> 

雖然，不知道此修補程序是否適用於Android。