我目前正在使用this页面。有人可以向我解释为什么网站无法在智能手机上正确呈现？显示中等查询而不是小。
我整合了基础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文件中。
我在another page做了同样的事，但一切都运作良好。
感谢您的每一个答案！
答案 0 :(得分：0)
我已检查过第一页的Html内容，并且您正在使用hide-for-large-up类作为移动菜单。这意味着菜单将显示在媒体查询中未定义为大的所有窗口宽度。
我建议您使用hide-for-medium-up，因为您通常只希望移动菜单显示在小屏幕上。然后a标记如下所示：
<a class="mobile-navigation hide-for-medium-up" href="#offcanvas">
此外，您似乎还没有为中型内容定义导航菜单。当我把窗户缩小到一个＆＃34;媒体＆＃34;宽度，我看到＆＃34;汉堡＆＃34;手机菜单。如果您想专门显示中型屏幕的内容，请使用show-for-medium-only