修复了带有引导程序的智能手机上阻止的标题导航

Question

我在小型设备（IOS 甚至 iphone5 和 Android）上的 FIXED 标题导航存在问题。

我的网站是一个桌面/平板电脑网站，也是用 Bootstrap 开发的，它必须在小型设备中可扩展才能欣赏导航文本。

当我缩放时，除了标题（我的导航所在的位置）之外，整个网络在小型设备上运行良好。我可以在左侧看到徽标，但我无法用手指向右移动以导航到右侧。

<div id="main-nav"> <div class="container"> <div class="row"> <div class="col-xs-3">logo</div> <div class="col-xs-9">navegation</div> </div> </div> </div>

我想过一个 sScrollX 解决方案，但如果有人可以帮助我，我会很荣幸听到更好的解决方案。

Answer 1

尝试将其添加到您的元数据中：

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

为您的案例设置适当的比例值。

我希望这会有所帮助。