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

Question

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

的症状通常是您从纵向转到横向或从横向开始并旋转到纵向使页面被视为仍然是横向比例的宽度，而实际上它是纵向留下了间隙，请参阅旋转前的屏幕截图和旋转后的屏幕截图，以便更好地理解。

Answer 1

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

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

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

Answer 2

最后用

html, body {
    overflow-x: hidden;
}