我正在为iPhone优化我们的新闻页面。我注意到的一个问题是，我可以水平点击和移动页面（即摆动）。
我的问题是，我如何才能防止这种水平运动的发生？
我们所有的新闻页面都有这个问题。以下是几个例子：
- 带图片
- 没有图片
某些东西肯定设置得大于您的设备宽度。将以下内容添加到css中以查找罪魁祸首。
* {
border-style:solid;
}
然后，您可以通过将border-color:red;设置为单独的类/标记/ids来缩小搜索范围。
在主体上添加"overflow-x:hidden"。
您可以尝试设置用户可伸缩性=0；看看这是否有效果。
这也发生在我身上，这是一个额外的结束div标记的结果。一旦我移除了额外的</div>，水平的"摆动"就不再发生了。
我也有iPhone在网页上"摆动"。它最终是由一个比它所在的列宽的图像引起的（这是使用Twitter Bootstrap的最后一列）。您可能认为"显而易见"，但很难发现图像背景何时与页面背景匹配。
只需使图像具有响应性，或者小于列宽-这就为我解决了问题。
借鉴其他网站的想法，大多数大型网站都有移动网站。看看这些（我唯一知道的是facebookm.facebook.com），你也许可以看到css是如何完成的。可能的方法是%。我建议去掉手机版的侧边栏。大图片应该去掉或调整大小，这样浏览器就不会有左右滚动条了。