固定头引导在智能手机上引爆

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" /> 

设定为你的情况适当的比例值。

我希望这会有所帮助。