網頁出現在ipad屏幕的一半

我最近的作品之一在ipad上有一些非常奇怪的錯誤。我不擁有一個，所以我的客戶爲我拍了一些截圖。我完全沒有想法。網頁出現在ipad屏幕的一半

該網站使用Twitter Bootstrap構建。你可以在這裏找到它以及所有代碼：

以下是截圖：

在其中兩個圖像的網站只出現在屏幕的一半在橫向模式下。然後，如果它不這樣做，那麼兩邊都有一些巨大的邊際（我認爲它來自我們使用的固定佈局）。

我玩了很多視口元標記，但沒有運氣。無論我做什麼，它在ipad或iphon或android手機上看起來都不好。我添加了視口元標記，以避免壓縮一列中的所有文本以適應移動顯示。

而其中最奇怪的是，如果它是從谷歌搜索加載，網站加載一邊，搜索仍然在另一邊。

我不知道我是否設法解釋清楚。

謝謝！

2012-08-30 netoholic

最後我刪除了元「視」的標籤，這一切工作正常。該網站加載時不會改變任何內容，並且邊上的填充消失。

我最好的猜測是，當人們希望在較小的屏幕上保留桌面而不是進行響應式設計時，這是不必要的。

2012-09-14 17:34:44 netoholic

您還沒有包含bootstrap.responsive.css文件，但它不會調整大小。

2012-08-30 15:52:45

引導是很奇怪的......當你下載它似乎並沒有包括所有正確的CSS文件和JavaScript文件。我一定是做錯了，我猜OP也是，但它不是很清楚。還要確保responsive.js也在那裏。 –

是的，查看源代碼並確保你有他們所做的JS/CSS，或者使用http://twitter.github.com/bootstrap/customize.html頁面來確保你得到你需要的東西。 –

是的，我總是在示例中查看源代碼以確保它們具有相同的結果。 –

回答