最小响应菜单（纯 CSS）无法在 android 默认浏览器上运行答案

【问题标题】：Minimal Responsive Menu (Pure CSS) in not working on android default browser最小响应菜单（纯 CSS）无法在 android 默认浏览器上运行
【发布时间】：2015-11-09 09:46:55
【问题描述】：

我在项目中使用最小响应菜单（纯 CSS）作为导航菜单。

http://codepen.io/nickisix/pen/julqA

我在最有用的浏览器中测试了这个导航。结果在 google chrome、Mozilla Firefox 和 opera 中都可以，但在 android (4.2) 默认浏览器中单击 ≡ 时，什么也没有发生。我该如何解决这个问题？

【问题讨论】：

我不确定这是否适合您，但 Andor Nagy 在 this answer 中描述的 Pure CSS Mobile 兼容下拉菜单在 kitkat 股票浏览器上运行良好。 “我的浏览器工具是什么”说它使用的是 Chrome v30 用户代理。您可以通过之前的演示页面进行测试。 - cssscript.com/demo/…

标签： android html css browser

【解决方案1】：

我想你已经忘记了类似的东西

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在你的脑海中。它告诉设备使用包含在您的 css 中的媒体查询。这可能会解决问题。

【讨论】：

不，我将“viewport”放在 html 页面的头部，谷歌移动友好工具也检测到我的网站是响应式的，但是这个导航适用于 chrome、Firefox、Opera（甚至是 android 应用程序）这些浏览器），它不适用于android默认浏览器。
不幸的是，我无法准确测试这一点，因为我没有安卓手机....但是，请尝试在 google chrome 或 Firefox 中使用响应式检查器，看看是否会产生任何错误。如果这不起作用，也许您的手机是问题的一部分？像桌面欺骗工具一样？