Chrome在orientationchange之后隐藏了一个元素

时间:2013-09-15 23:14:54

标签: css google-chrome mobile

我遇到问题我无法弄清楚如何解决。我几乎可以肯定这是一个Chrome漏洞,因为在其他浏览器中它的功能就像一个魅力,但我想确定。在我使用移动优先和响应式设计方法开发的website上,我有一个使用Left Nav Flyout模式的菜单。在平板电脑和台式机上,我将其显示为全宽。

当我在智能手机(特别是Android设备)上使用Chrome在纵向模式下加载网站时,一旦我旋转设备(通过横向模式)并开始滚动页面,只要我到达菜单位置,后者神奇地消失了。真正奇怪的是,如果您尝试单击现在完全为白色的空间,您可以看到链接实际上在那里。我试图使用检查员找到问题,但没有成功。

那么,哇,我可以解决这个问题吗?其他人之前有过这个问题吗?如果您知道这是一个错误,我也很高兴添加一个临时解决方法。

1 个答案:

答案 0 :(得分:0)

我没有找到真正的解决方案,而是一个合理的解决方法。当然,我仍然希望有人能解释这个问题的原因以及解决方法。

与此同时,我发现问题出现的原因是240px宽的菜单完全不在视口中。事实上,只要我将margin-left更改为239.5px,菜单就不会消失。