我有一个我正在开发的网站,我的客户已提醒我一个问题 - 它无法在iPad / iPhone上正确显示。 Chrome / FF / Safari(在PC上)都正确显示。
右侧有一条黑色条带,这是身体标签的背景颜色。它也显示在底部。
我已经设法让Firebug lite在iPad上工作(因为问题没有在使用开发者工具的Safari中显示 - 使用iPad作为屏幕代理)。我可以看到问题的基础 - 但不是它源于何处。
iPad上的Firebug告诉我两个容器div(outerContainer和middleContentOuter)的计算值是980像素,而其中每个的居中div都有1000px的宽度。所以我实际上在右侧失去了20px - 这导致那些容器div减少20个像素,即使每个指定的宽度为100%。
有人能发现我不能提供的东西 - 或者提供任何建议吗?
非常感谢,
托比。
答案 0 :(得分:0)
您需要在css中设置min-width:
.outerContainer, middleContentOuter{
min-width: 1000px;
}