CSS在iPad/iPhone上显示不正确

问题描述:

我有一个网站正在开发中,我的客户提醒我有一个问题 - 它无法在iPad/iPhone上正确显示。 Chrome/FF/Safari(在PC上)全部显示正确。CSS在iPad/iPhone上显示不正确

该网站是http://xprotect.co.nz

有一个黑色条带倒右手侧,这是身体标记的背景色。它也显示在底部。

我已经设法让iPad上的Firebug lite工作(因为问题不会在Safari中使用开发人员工具显示 - 使用iPad作为屏幕代理)。我可以看到问题的根源 - 但不是它源于何处。

iPad上的Firebug告诉我,两个容器div(outerContainer和middleContentOuter)的计算值是980像素,而其中每个容器div的居中div都有1000px的宽度。所以我实际上在右侧丢失了20px - 即使每个指定的宽度都是100%,导致这些容器div减少了20个像素。

任何人都可以发现一些我不能 - 或提供任何建议吗?

非常感谢,

托比。

+0

你可以上传其如何寻找在iPad的屏幕截图? – Subash 2012-07-09 03:16:58

您需要设置最小宽度在你的CSS:

.outerContainer, middleContentOuter{ 
     min-width: 1000px; 
} 
+0

辉煌 - 非常感谢! :) – 2012-07-09 03:32:59