我已經有一個持續的問題，沿着我的iPad屏幕的整個寬度伸展div區塊。它似乎停止從屏幕右側約20個像素。iPad的背景div區塊不跨越屏幕的整個寬度
截圖：
對於菜單，我有一個div塊和UL裏面的菜單本身。 UL的寬度設置爲1000px，背景div塊設置爲寬度：100％;這個背景的寬度正好是1009px。
頁腳是一個帶背景的div塊，以及兩個浮動的div塊。背景的寬度恰好是1004px。
我在其他網站，特別是在這方面有這個問題。任何人有任何想法？
你在iPad上看到的問題，因爲它的默認視口是980個像素（見Apple's docs）。因此，您看到的效果與將桌面瀏覽器縮小到1000像素以下並滾動到右側（它做同樣的事情）相同。
您會注意到，根據瀏覽器窗口的寬度，間隙的大小會發生變化。這是因爲當你將寬度：100％設置爲包裝div時，你告訴他們調整到包含元素的寬度，在這種情況下是瀏覽器窗口或iPad的視口。你是而不是告訴他們調整內容的內容。
@sandeep's solution是正確的，並且您如何實現它在Safari中適用於我，但在其他任何瀏覽器中都無法正常使用。您是否通過用戶代理嗅探器將代碼提供給Safari？如果是這樣，則不需要，只需將min-width:1024px或min-width:1000px應用到body標記或.footerbg，但通常應用CSS。
將它添加到身體像sandeep建議沒有工作，但是你的建議將它添加到.footerbg和其他包含div的工作正常。謝謝！ – 2011-04-28 04:13:50
@waletr cameron;它在所有瀏覽器中工作，因爲沒有實現它而檢查它。 – sandeep 2011-04-28 04:19:06
很好的答案...解決了很多頭部劃痕！ – 2011-11-24 11:14:20
iPad的屏幕寬度，說話風景模式時，爲1024像素，而不是1004
'div block設置爲寬度：100％;' 頂部和底部的div都將寬度設置爲100％，但是它們會呈現給定的像素寬度。 – 2011-04-26 18:33:05
你有寬度尺寸不正確。但不用擔心。你只需要有1024而不是1004.
希望這有助於！
我看了一下你的網站，問題不僅出現在iPad上，而且還出現在PC版上，因爲當水平滾動條在PC上時，頁面的表現與iPad版本相同。自行檢查。
解決方案： 只要寫在你的身體下面：
body{
min-width:1024px;
}
我在網站代碼的底部添加了它，它根本沒有修復它。 – 2011-04-26 18:31:21
我認爲這是相當ipad/iphone的具體 – 2011-04-26 18:31:34
請定義因爲當我檢查你的源代碼時，它沒有在那裏定義。 – sandeep 2011-04-27 04:05:43
這個作品
<meta name="viewport" content="width=1003, initial-scale=1, maximum-scale=1">
添加到網頁的頭部
<meta name="viewport" content="width=1000px">
它適用於iPad上的所有瀏覽器，不只是野生動物園
如果您/任何人只需要在ipad公司修復，你可以像
<?php if ((bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad')): ?>
<meta name="viewport" content="width={{YOUR PREFERED WIDTH FOR IPAD}}">
<?php else: ?>
<meta name="viewport" content="width=device-width">
<?php endif ?>
希望得到這個幫助:)
未來，您應該使用false！== strpos（...）而不是（bool）strpos（...）。 strpos可能會返回數字0，這將導致錯誤（布爾），即使在字符串中找到iPad。 – 2014-04-02 21:13:34
如果您嘗試使用視口元標記將視口寬度設置爲設備寬度，會發生什麼情況？
<meta name="viewport" content="width=device-width, initial-scale=1">
不應該你UL和背景圖像寬度爲1,024像素？ – 2011-04-18 20:07:30
肯定有一些混亂。兩個DIV塊都設置爲100％寬度。兩個背景圖像都是X高1個像素寬。正如您在頁腳中看到的一樣，內容將一路向右，但背景的DIV不是。 – 2011-04-19 17:41:33
這些問題也出現在景觀中。 – 2011-04-19 17:41:57