2013-05-31 64 views
2

我已經撕掉我的頭髮試圖得到一個解決這個問題,該網站是建立與Twitter Bootstrap和響應,並在除iPad之外的所有設備上工作正常& iPad mini in縱向設備屏幕總是較寬。Bootstrap iPad/iPad迷你更寬

我知道iOS設備在設備旋轉時出現問題,但這是在縱向頁面加載時出現的。

任何建議將是偉大的,我不知道這是Bootstrap或我已經做了什麼問題。

http://bodysgallen.ws-django.co.uk

回答

0

,你可能需要做一組新的響應CSS,以適應該屏幕的大小。 EG你有這樣的@media(max-width:979px)& @media(min-width:1200px)。您可能需要在兩者之間添加另一個來處理縱向上iPad的大小。

0

我不確定問題是否與iPad特別相關。您的網格在769px - 945px(大約)的視口中發生了一些奇怪的事情。它沒有正確響應。

如果你檢查頁面的驗證結果,有一些錯誤不是太重要,但最後有兩個我會修復,一個未關閉的容器div和一個已經關閉的body標籤。 http://bit.ly/11fKdhG

雖然這兩個錯誤不一定是問題的原因,但我認爲你想先解決它們。

希望這會有所幫助!

+0

嗨大衛,感謝您的回覆,大量的錯誤是由於它是一個CMS,我沒有看到這些2,所以非常感謝。 – user2439562

+0

我沒有看到現在顯示的2個錯誤...去圖;-)我仍然認爲你的網格有一些東西,但是。當我有一些時間時,我會更多地考慮它。 –

+0

是的,我固定那些2 :) - 謝謝,我想這一切都可能是一些div像素的寬度,將回發與我的結果(如果有的話)。 – user2439562