引导响应 css 和/或视口问题/设备旋转错误

Question

我目前在我的网站http://www.peterfox.me 中遇到问题，当使用移动设备查看它时，（iPhone、Nexus 4）旋转屏幕似乎搞砸了 body/html 的大小，这是Bootstrap 响应式 CSS 中的错误？还是我网站的关键问题？甚至只是移动浏览器的一般问题？

的症状通常是您从纵向转到横向或从横向开始并旋转到纵向使页面被查看时好像仍然是横向比例的宽度，而实际上它是纵向留下了空隙，请参阅@ 987654322@ 和 screen shot after rotation 以便更好地理解。

Answer 1

您的元视口应该是这样的：

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

尝试从您的元标记中删除额外的属性。

Answer 2

最后修复了

html, body {
    overflow-x: hidden;
}