2013-03-20 42 views
0

我有一个网站为我的客户,我需要与跨平台compability设计。我不知道我在做什么错误的CSS代码。但对于width低于1024px我将wrapper宽度设置为100%。当我调整我的Firefox到768时,它创建了少量的水平滚动(大约10px)。因此,我将平板电脑设置为730px,以便它不会获得任何水平滚动,但即使是移动解决方案也会导致同样的问题。水平滚动移动分辨率与响应的css

我已阅读了与此主题相关的大多数博客,他们建议为overflow-x:hidden。这可能不是最好的解决方案。请帮我解决这个问题。

站点链接:socialelections

任何帮助将不胜感激。预先感谢偿还者。

+0

我看不出有什么错在Firefox,Chrome和Android浏览器。 – 2013-03-20 07:58:25

+0

我在桌面浏览器Firefox浏览器上查看,宽度320 PX仍然存在水平滚动。但我在iphone(potrait和风景)检查它的罚款(奇怪)。但桌面仍然。 – Santosh 2013-03-20 08:10:54

回答

0

我已经为您的网站进行了调试,并且我开始知道所有设备都有一个包装容器宽度,对于移动设备应该是240px,而不是320px。

请点击此处查看您的网站网址为所有设备... http://mattkersley.com/responsive/

+0

但我已经在iphone中检查有没有h - 滚动,但在浏览器中有相同的宽度(320px)有滚动。 – Santosh 2013-03-20 08:22:38