css - Bootstrap 3 全屏旋转木马不是横向全屏

Question

我制作了一个旋转木马以填充浏览器的 100% 高度和宽度，它在桌面上或移动设备上的 protriate 模式下都很好，但当切换到横向时显示中断。我做了一个 bootply，但它没有显示我指的错误。可能是我添加的表单导致的？

http://www.bootply.com/BKl0fXVMrj

您可以在此处查看实际错误。打开开发工具，选择 iphone4、5、6 galaxy s4、5.. 几乎所有当前的智能手机，您就会明白我的意思。

http://www.casouza.com/homelist

Answer 1

在我之前的评论之后，我对此进行了更深入的研究，请在您的 CSS 中尝试以下代码。

#bg-slide-carousel .carousel-inner {       

    position:fixed;

}

这使得背景轮播与视口(viewport)保持一致。我已经在 chrome 开发工具模拟器中使用您发布的网站对此进行了测试，它似乎工作正常。