ios - 响应式菜单，iPad横屏模式的困境

Question

所以不知道这里会不会接受这个问题。但我正面临困境，我正在寻找针对这种情况的最佳方法。

情况是这样的，我正在设计一个响应式网站，它有一个带下拉菜单的导航菜单。我触发了替代响应菜单以 960px 显示，这似乎是常态。但是当在 ipad 中以横向模式查看网站时，会出现正常的菜单，这意味着用户无法真正使用下拉项。

我应该以更高分辨率 (1024px) 触发响应式菜单吗？这对我来说似乎很不自然，因为 1024px 是桌面分辨率。但如果我不触发替代菜单，用户将无法使用可用的菜单项。

什么是正确的做法？

Answer 1

这不是真正的堆栈溢出问题。

这个问题与 CSS 中的分辨率断点关系不大，而与站点(特别是导航)如何在横向模式下与触摸设备(如 Ipad)一起工作有关。这不是唯一的设备，Fire、Nexus 平板电脑和 Galaxy Tab 的横向模式将触发 1024px 断点。

我的建议是让导航在 1024 分辨率下适用于触摸设备。