更改Android手机方向会导致div消失

Question

我的a simple web page内容部分和左侧的position:fixed菜单。

当我在Android手机上查看并将方向更改为横向时，菜单会消失。当您将手机恢复为人像时，它会重新出现。

这个问题似乎只出现在Android的更高版本中 - 它在我的旧版(v2.2) Android上运行正常，页面在iOS上工作正常。

编辑：我不确定有人添加的Android代码是否合适。在Android Web浏览器中查看时，这是网页CSS的问题...

Answer 1

您是否尝试过设置视口？

像元标记这样的东西：

<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;
    }
}