消除iPhone优化页面上的水平移动/摆动

问题描述

| 我正在尝试优化iPhone的新闻页面。我注意到的一个问题是我可以水平点击并移动页面（即摆动）。 我的问题是，如何防止这种水平运动的发生？ 我们所有的新闻页面都有此问题。这是几个例子： 有图片 没有图片     

解决方法

在正文上添加\“ overflow-x：hidden \”。     ,某些设置肯定大于设备的宽度。将以下内容添加到您的CSS中以找到罪魁祸首。

* {
    border-style:solid;
}

然后，您可以通过为各个类别/标记/ ID设置“ 1”来缩小搜索范围。     ,您可以尝试设置user-scalable = 0；看看是否有任何效果。     ,这也发生在我身上，这是额外关闭div标签的结果。一旦我删除了多余的

</div>

，就不再发生水平的“摆动”了。     ,我也是，在网页上放置了iPhone“摆动”。它最终是由比其所在的列宽更宽的图像引起的（使用Twitter Bootstrap，它是该行的最后一列）。您可能会想“很明显”，但是当图像背景与页面背景匹配时很难发现。 只需使图像具有响应性，或者小于列宽即可，这对我来说就解决了。     ,借鉴其他网站的想法，大多数大型网站都有移动网站。看看这些（我知道的唯一一个是facebook m.facebook.com），您也许可以看到CSS的完成方式。可能的方法是％。我建议去掉移动版的侧边栏。应该将大图片取出或调整大小，以使浏览器没有左右滚动条。