【问题标题】:Bootstrap carousel responsive imageBootstrap 轮播响应式图片
【发布时间】:2017-09-18 03:01:04
【问题描述】:

我对引导轮播有一些问题。当我在分辨率为2000px X 500px 的滑块上制作图像时,滑块在桌面屏幕尺寸中看起来很好而且完美。但是当我在移动版本中打开我的页面时,页面顶部的滑块变得非常小。我只想用响应式图像长度制作真实尺寸的滑块图像。

这是我在 jsfiddle 上的完整代码:https://jsfiddle.net/s3upxcyq/1/

请任何人帮助我解决这个问题。谢谢。

【问题讨论】:

    标签: css twitter-bootstrap carousel


    【解决方案1】:

    你可以这样做:

    img {
        height: 300px !important;
        object-fit: cover;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-12-07
      • 2021-01-09
      • 1970-01-01
      • 2017-07-29
      • 2013-09-18
      • 2018-11-20
      • 2013-09-12
      • 2016-05-05
      相关资源
      最近更新 更多