我的手机网站越来越水平滚动

Question

Im makin'一个朋友的手机网站 - 即时通讯使用媒体查询来调整她的网站，以便在任何智能手机上观看时的移动感。

感觉就像我的网页完成 - 但是当我在我的手机上查看它iphone 3gs和htc incredbile S它就像你可以水平滚动2-3像素。 有些元素正在与这个和我正在增长的灰色头发搞混，因为我无法真正发现它是哪个。

我该如何解决这个问题？

网页链接

http://www.linaahlen.se/

Answer 1

有一个快速的外观与Chrome的检查，它看起来像它的这个特性：风格responsive.css的

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

线106 - 它推内容只有几个像素宽，将其更改为padding: 0 0.8em;为我工作。

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

Answer 2

晚了，但供将来参考。 我想指出寻找问题原因的方法。 使用Google Chrome Device Mode打开网站。然后检查是否存在问题（此解决方案依赖于在设备模式下显示的问题）。然后，如果不需要的可滚动性已消失，则从较大的元素（如标题，内容容器和检查）开始将“display：none”设置为逐个元素。这样你就可以找出问题的原因。

我有同样的问题，并试图通过查看每个单一元素的CSS代码来识别原因，浪费了很多时间，并没有找到原因。大概一个浏览器可以更好地渲染一个页面，使人们阅读CSS ...