【问题标题】:Bootstrap 3 fullscreen carousel not fullscreen in landscapeBootstrap 3全屏轮播不是横向全屏
【发布时间】:2015-03-07 13:43:37
【问题描述】:

我制作了一个旋转木马来填充浏览器的 100% 高度和宽度,它在桌面上或在移动设备上的 protriate 模式下效果很好,但是当切换到横向时显示会中断。我做了一个引导,但它没有显示我所指的错误。可能是我添加的表格造成的?

http://www.bootply.com/BKl0fXVMrj

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

http://www.casouza.com/homelist

【问题讨论】:

  • 我相信这是由于您现在需要在横向模式下滚动,您可以尝试使其不必滚动,但这可能不实用。否则可能值得尝试将轮播设置到固定位置?

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


【解决方案1】:

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

#bg-slide-carousel .carousel-inner {       

    position:fixed;

}

这使背景轮播留在视口中。我已经在您发布的网站的 chrome 开发工具模拟器中对此进行了测试,它似乎工作正常。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-03-03
    • 2013-04-27
    • 2018-10-09
    • 1970-01-01
    • 1970-01-01
    • 2018-10-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多