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个像素。

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

非常感谢，

托比。

来源

2012-07-09 Toby Behan

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

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

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

来源

2012-07-09 03:21:40 Subash

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

CSS在iPad/iPhone上显示不正确

回答

相关问题