2015-01-09 58 views
0

我制作了一个旋转木马来填充浏览器的100%高度和宽度,它在桌面上或移动设备上的很好模式下都可以,但切换到横向时显示屏会中断。我做了一个bootply,但它并没有显示我提到的错误。也许它是由我添加的表单造成的?Bootstrap 3全屏旋转木马不是全屏的风景

http://www.bootply.com/BKl0fXVMrj

你可以在这里看到实际的错误。打开开发工具选择一个iphone4,5,6 galaxy s4,5 ..几乎任何当前的智能手机,你会明白我的意思。

http://www.casouza.com/homelist

+0

我相信这是由于您现在需要在横向模式中滚动这一事实造成的,您可以尝试使其无法滚动,但这可能不实用。否则,可能值得尝试将转盘设置为固定位置? –

回答

0

我之前的评论之后,我看了深入到这个问题,尝试下面的代码在你的CSS。

#bg-slide-carousel .carousel-inner {  

    position:fixed; 

} 

这使得背景旋转木马与视口保持一致。我已经在你发布的网站的chrome开发工具模拟器中测试过了,它似乎工作正常。