bootstrap響應css和/或視口問題/設備旋轉的bug

Question

我目前在我的網站http://www.peterfox.me有一個問題，當用移動設備查看它時（iPhone，Nexus 4）旋轉屏幕似乎搞砸了body/html的大小，這是Bootstrap響應式CSS中的一個錯誤嗎？或者它是我的網站中的關鍵問題？甚至只是移動瀏覽器的一個普遍問題？

症狀一般是從肖像走到風景，或者從風景開始，然後旋轉到肖像，留下的頁面看起來好像仍然是風景比例的寬度，但實際上它是在肖像中留下空隙，請參閱screen shot before rotation和screen shot after rotation有更好的理解。

Answer 1

與

html, body { 
    overflow-x: hidden; 
} 

Answer 2

你的元視口應該是這樣的：

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

嘗試從您的meta標籤卸下額外的屬性。