ipad css 响应式网站错误

Posted 2023-03-12

【中文标题】ipad css 响应式网站错误

【英文标题】：ipad css responsive website bug

【发布时间】：2016-03-21 09:40:19

【问题描述】：

我的网站http://www.speedydealer.com 具有响应式布局。不幸的是，有一个错误，当垂直显示在 ipad 上时，菜单会从页面的开始阻塞部分展开。

无法折叠 ipad 上的菜单。我已经尝试更改 CSS 的许多部分，但似乎无法使其正常工作。任何帮助或指示将不胜感激。

我不希望移动或桌面体验发生变化。

【问题讨论】：

你将不得不在 SO 上粘贴代码，甚至可能创建一个 JS Fiddle。

我尝试创建一个：jsfiddle.net/w860h23a，但结合 css/js 并没有按预期工作。

【参考方案1】：

从第 446 行 media-queries.css 中删除 display:block !important

【讨论】：

感谢诺丽似乎解决了它！它引入了一个新问题，即旋转隐藏菜单，但现在这不是一个大问题

【参考方案2】：

嘿，你试过这个吗？

#nav-wrap ul#nav 
    display: hidden;

而不是显示块。在第 447 行

【讨论】：

您好 Arend，感谢您的回复，您的建议在某些情况下完全隐藏了菜单，导致用户无法导航。