我正在为一个朋友制作一个移动网站——并且我使用媒体查询来调整她的网站，以便在任何智能手机上观看时都感觉更加移动。
感觉就像我完成了网页 - 但是当我在我的手机 iphone 3gs 和 htc incredbile S 上查看它时，你可以水平滚动 2-3 像素。有些元素搞砸了这个，我长出了白发，因为我真的不知道它是什么。
我该如何解决这个问题？
网页链接
问问题
416 次
2 回答
0
晚了，但供将来参考。我想指出寻找问题原因的方法。使用Google Chrome 设备模式打开网站。然后检查那里是否存在问题（此解决方案依赖于问题出现在设备模式中）。然后从较大的元素（如标题、内容容器）开始一一设置“显示：无”到元素，并在隐藏每个元素后检查是否不需要的可滚动性消失了。通过这种方式，您可以追踪问题的原因。
我遇到了同样的问题，一开始尝试通过查看每个元素的 CSS 代码来确定原因，浪费了很多时间并没有找到原因。可能浏览器可以比人类阅读 CSS 更好地呈现页面......
于 2014-10-14T17:06:00.427 回答
0
快速浏览一下 Chrome 中的检查器，它看起来像是这个属性：
div.entry {
padding: 0em 1em;
}
style-responsive.css 的第 106 行 - 它将内容推送到几个像素宽，将其更改为padding: 0 0.8em;对我有用。
哦，只是为了记录，它是水平滚动，而不是垂直滚动！
于 2012-04-05T14:04:29.023 回答