CSS在iPad/iPhone上显示不正确
问题描述:
我有一个网站正在开发中,我的客户提醒我有一个问题 - 它无法在iPad/iPhone上正确显示。 Chrome/FF/Safari(在PC上)全部显示正确。CSS在iPad/iPhone上显示不正确
有一个黑色条带倒右手侧,这是身体标记的背景色。它也显示在底部。
我已经设法让iPad上的Firebug lite工作(因为问题不会在Safari中使用开发人员工具显示 - 使用iPad作为屏幕代理)。我可以看到问题的根源 - 但不是它源于何处。
iPad上的Firebug告诉我,两个容器div(outerContainer和middleContentOuter)的计算值是980像素,而其中每个容器div的居中div都有1000px的宽度。所以我实际上在右侧丢失了20px - 即使每个指定的宽度都是100%,导致这些容器div减少了20个像素。
任何人都可以发现一些我不能 - 或提供任何建议吗?
非常感谢,
托比。
答
您需要设置最小宽度在你的CSS:
.outerContainer, middleContentOuter{
min-width: 1000px;
}
+0
辉煌 - 非常感谢! :) – 2012-07-09 03:32:59
你可以上传其如何寻找在iPad的屏幕截图? – Subash 2012-07-09 03:16:58