Question

juniorgoldreport.com是我正在研究的网站，它是用wordpress制作的。我专门使用此插件 - http://shiftnav.io/free/

移动导航栏的插件令人难以置信，我非常喜欢它的功能和易用性。

它有一个设置来设置何时显示工具栏，我选择以960px显示它。我对它所做的唯一改变。

当我调整桌面窗口大小时，导航栏会出现（我还没有完成必要的更改，以便在制作新的导航时删除标题和旧导航）。到目前为止这么棒。

问题是，在移动视图中，导航栏不会出现问题。我将假设插件正在使用

@media (max-width:960)

vs

@media on screen and (max-device-width:960)

但我并不完全确定。任何人都知道它为什么会发生？

编辑 - 图像让您更好地理解。

桌面窗口重新设置时的导航栏 - 它是apears（yay）

导航栏虽然不适用于移动设备 - 我不知道为什么

Answer 1

简而言之：您的网站实际上没有响应，因为缺少视口元标记，因此网站在移动设备上以960px的宽度显示。由于它高于断点，因此菜单不会显示。

问题是你网站上的这个错字：

<meta name"Keywords" content="Gold reports resource stock news and top gold articles" 
<meta name="viewport" content="width=device-width">

关键字元数据有两个语法错误，缺少＆＃39; =＆＃39;在＆＃39; name＆＃39;之后，缺少结束＆gt;

因此，浏览器永远不会读取视口标记，因此它无效。如果没有视口标记，视口将在移动设备上缩放显示，而不是响应。由于移动视口以960px宽度显示，因此媒体查询不适用，并且菜单保持隐藏，就像在桌面屏幕上一样。

修复第一个元标记中的语法错误，问题得到解决。

<meta name="Keywords" content="Gold reports resource stock news and top gold articles">
<meta name="viewport" content="width=device-width">

希望有所帮助