在iPad上垂直查看时，Div隐藏

Question

我正在使用固定侧导航的RWD网站，当在小于iPad的任何地方查看时，该导航适合页面顶部。我遇到的问题是当我在iPad上将视图切换到垂直时，页面顶部的导航菜单消失了。据我所知，这只发生在iPad上。

（请记住，这仍然在开发中，所以如果您发现任何错误，请告诉我们！）

Answer 1

在样式表的不同位置，您的菜单部分设置为display: none;。然后你依靠@media规则再次显示它们，但是它们正在经历一些裂缝（你正在玩俄罗斯轮盘赌！）。

您可以测试桌面浏览器中发生的情况。慢慢调整Chrome的大小，当您了解iPad的宽度和高度时，您会看到所有菜单都消失了。我建议您在设置@media规则时使用这样的测试。

Answer 2

当max-width为768px时，您的 style.css 文件集显示为无，这是iPad在水平模式下的宽度。

@media (max-width: 768px) {

  [...]

  .midnav {
    display: none;
  }

顺便说一句，如果你将iPad连接到电脑，那么你可以使用iPad的元素检查器，如果你打开Safari并在开发菜单上选择你连接的iPad。这非常酷，非常有帮助。