更改android手機方向會導致div消失

Question

我有a simple web page，內容部分和position:fixed菜單在左側。

當我在Android手機上查看它並將方向更改爲橫向時，菜單消失。當您將手機恢復爲人像時，它會再次出現。

此問題似乎只出現在Android的後續版本上 - 它在我的舊(v2.2) Android上正常工作，並且該頁在iOS上正常工作。

編輯：我不確定某人添加的Android標記是否真的合適。在Android Web瀏覽器中查看時，這是一個網頁CSS的問題...

Answer 1

您是否嘗試過設置視口？

像這樣的meta標籤：

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

Answer 2

你試過檢查媒體查詢的CSS？這將是我的第一個猜測。

是這樣的：

@media only screen and (max-width:320px) and (max-height:480px){ 
    .element_name{ 
     display: none; 
    } 
}