Bootstrap 3全屏旋转木马不是全景的景观

时间:2015-01-09 09:13:13

标签: css forms twitter-bootstrap responsive-design carousel

我制作了一个旋转木马来填充浏览器的100%高度和宽度,它可以在桌面上或在手机上的protriate模式下完成,但是当切换到横向时,显示会中断。我做了一个bootply但它没有显示我引用的错误。也许它是由我添加的形式引起的?

http://www.bootply.com/BKl0fXVMrj

您可以在此处查看实际错误。打开开发工具选择iphone4,5,6 galaxy s4,5 ..几乎任何现有的智能手机,你会看到我的意思。

http://www.casouza.com/homelist

1 个答案:

答案 0 :(得分:0)

在我之前的评论之后,我深入研究了这一点,在CSS中尝试下面的代码。

#bg-slide-carousel .carousel-inner {       

    position:fixed;

}

这使得背景轮播保持在视口中。我已经在chrome dev工具模拟器中对您发布的网站进行了测试,看起来效果很好。