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