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标签卸下额外的属性。