1

我目前正在处理此页面。有人可以向我解释为什么该网站无法在智能手机上正确呈现吗？显示中等查询而不是小查询。

我像这样集成了基础js文件：

<script src="files/bower_components/foundation/js/foundation.min.js"></script>
<script src="files/bower_components/jquery-ui/jquery-ui.min.js"></script>

并将 css 文件（基础、设置）导入到我的 style.scss 文件中。

我在另一个页面上做了同样的事情，但一切都运行良好。

感谢您的每一个回答！

4

1 回答 1

0

我检查了第一页的 Html 内容，您正在使用hide-for-large-up移动菜单的类。这意味着菜单将针对媒体查询中未定义为大的所有窗口宽度显示。

我建议hide-for-medium-up您通常只希望移动菜单出现在小屏幕上。该a标签将如下所示：

<a class="mobile-navigation hide-for-medium-up" href="#offcanvas">

此外，您似乎没有专门为中型内容定义导航菜单。当我将窗口缩小到“中等”宽度时，我会看到“汉堡”移动菜单。如果您想专门为中型屏幕显示内容，请使用show-for-medium-only

于 2016-01-17T12:16:57.467 回答