CSS - 为什么我的导航在移动设备上仍然是全宽的？

Question

早上好，

我希望有人可以告诉我我需要对我的网站CSS进行的修改，以便在移动设备上正确显示。

当您在移动设备中查看网站时，菜单导航显示的大小与桌面PC上的相同，但网站的其余部分看起来非常好。

我可以看到导航在达到特定宽度时使用％。

那我怎么能纠正这个问题呢？

我期待听到您的修复。

请参阅以下网站：

http://www.blanchel.com/

Answer 1

试试这个：

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

如果您不想允许缩放，请在结尾添加最大比例：

 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />