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上顯示不正確

回答

相關問題