屏幕方向更改後頁面右側的空白區域

Problem Demo 問題在IOS設備上可見（在iPhone 5上測試過）。在橫向模式下查看頁面並切換到縱向模式時，頁面右側的空白區域會顯示出來。它應該與iOS設備（Safari）支持的移動瀏覽器連接。屏幕方向更改後頁面右側的空白區域

我在Xperia V上測試過，例如這個問題不存在。你有什麼建議，我該如何解決這個問題？

模板建立在引導上並在滑塊中使用貓頭鷹傳送帶。任何幫助，將不勝感激！

2014-09-13 Alex Dimitrov

你有沒有試過** white-space：nowrap; ** ?? – Richa 2014-09-13 12:01:16

我不認爲這是問題。正如我從有類似問題的人看到的那樣，它是由bootstrap和meta設置引起的。（不是那個bootstrap是錯誤的，我認爲它的ios錯誤：D） – 2014-09-13 13:18:28

添加到您的頭部分：

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />

我曾與一個點燃了類似的問題，這幫助我......希望工程。

來源

2014-09-13 19:04:37 gavsgav

這會阻止用戶縮放。我已經添加了將處理縮放的JS腳本。這裏的問題是因爲iOS設備如何使用bootstrap。我目前找到的解決方案是將overflow-x：scroll添加到body和html。這樣它就不可能向右滾動以查看那個白色區域。但它只是在那裏，並不是最好的解決方案。 – 2014-09-14 04:17:51

將user-scalable = yes添加到最後以啓用縮放和最大比例2.0 – gavsgav 2014-09-14 12:41:37

這仍然不能解決問題。（認爲，它在演示中不可見，因爲我通過添加overflow-x來隱藏它：因爲我說問題在於它在右側添加了空白區域，它不是與meta有關的東西標籤。 – 2014-09-14 17:26:40

屏幕方向更改後頁面右側的空白區域

回答

相關問題