我的引导页面上有这个恼人的水平滚动条.无法弄清楚是什么让它表现得像这样或怎么办？
JsFiddle链接:http://jsfiddle.net/FatAlbert/cd1syrd9/2/
HTML:
<body>
<div class="wrapper">
<div class="row">
<div class="header">
<div class="container">
<!-- navigation-->
<nav class="navbar navbar-default">
<div class="container-fluid">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Meny</button>
<a class="navbar-brand" href="#"><img src="xxx" /></a>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Start <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</nav><!-- / navigation-->
</div>
</div><!-- / header-->
</div><!-- / container-->
<div class="row">
<div class="first-page-content">
<div class="container">
<img class="img-responsive img-big" src="xx" />
<p>
Lorem ipsum …在Bootstrap 3中,流体网格似乎存在问题,导致水平滚动条出现在小型设备上.我的问题不同......
除非我单击文本输入,否则我没有获得任何滚动条.在iPhone上,可以自动缩放当前字段.这是好的(我猜),但离开该字段后,缩放不会被删除,因此内容被剪裁,并且有一个丑陋的水平滚动条.
有没有办法阻止变焦？或者也许告诉移动safari将缩放设置回原来的样子？