CSS在iPad / iPhone上显示不正确

时间:2012-07-09 03:15:13

标签: html css ipad

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

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

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

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

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

有人能发现我不能提供的东西 - 或者提供任何建议吗?

非常感谢,

托比。

1 个答案:

答案 0 :(得分:0)

您需要在css中设置min-width:

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