我的移动网站正在横向滚动

时间:2012-04-05 13:59:51

标签: css media-queries responsive-design

Im makin'是一个朋友的移动网站 - 我正在使用媒体查询调整她的网站,以便在任何智能手机上观看时更具移动感。

感觉就像我在网页上做的那样 - 但是当我在手机上查看iphone 3gs和htc incredbile S时,你可以水平滚动2-3个像素。 有些因素正在弄乱这个并且我正在变得灰白头发,因为我无法确切地知道它是什么。

我该如何解决这个问题?

网页链接

http://www.linaahlen.se/

2 个答案:

答案 0 :(得分:0)

在Chrome中快速查看检查器,看起来就像是这个属性:

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

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

哦,只是为了记录,它是水平滚动,而不是垂直滚动!

答案 1 :(得分:0)

迟到,但供将来参考。 我想指出寻找问题原因的方法。 使用Google Chrome Device Mode打开网站。然后检查是否存在问题(此解决方案依赖于在设备模式下显示的问题)。然后开始设置"显示:无"如果不需要的可滚动性已消失,则在隐藏每个元素之后从较大的元素(如标题,内容容器和检查)开始逐个元素。这样您就可以找到问题的原因。

我遇到了同样的问题,并试图通过查看每个元素的CSS代码来确定原因,浪费了很多时间并且没有找到原因。可能一个浏览器可以更好地渲染页面,人类阅读CSS ...