css - 我的移动网站出现水平滚动

Question

我正在为一个 friend 制作一个移动网站 - 我正在使用媒体查询来调整她的网站，以便在任何智能手机上观看它时都能获得更移动的感觉。

感觉我已经完成了网页 - 但当我在我的手机 iphone 3gs 和 htc incredbile S 上查看它时，你可以水平滚动 2-3 像素。一些元素干扰了这个，我长出了白发，因为我真的不知道它是什么。

我该如何解决这个问题？

网页链接

http://www.linaahlen.se/

Answer 1

用 Chrome 中的检查器快速查看了一下，看起来是这个属性:

div.entry {
    padding: 0em 1em;
}

style-responsive.css 的第 106 行 - 它将内容推到几个像素宽，将其更改为 padding: 0 0.8em; 对我有用。

哦，郑重声明，它是水平滚动的，而不是垂直滚动的!