android - Android スマートフォンの向きを変更すると、div が消える

Question

左側にコンテンツセクションとメニューがあるシンプルな Web ページがあります。position:fixed

電話で表示しAndroid、向きを横に変更すると、メニューが消えます。電話を縦向きに戻すと、再び表示されます。

この問題はの新しいバージョンでのみ発生するようですAndroid- 私の古いバージョンでは正常に(v2.2) Android動作し、ページはで正常に動作しiOSます。

編集: 誰かが追加した Android タグが本当に適切かどうかはわかりません。これは、Android Web ブラウザーで表示した場合の Web ページの CSS の問題です...

score 2 · Accepted Answer

ビューポートを設定しようとしましたか？

メタタグとして次のようなもの：

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

score 0 · Accepted Answer

css でメディアクエリを確認しようとしましたか? これが私の最初の推測です。

このようなもの：

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

2 に答える 2