【问题标题】:twitter-bootstrap carousel css image resizingtwitter-bootstrap 轮播 css 图像调整大小
【发布时间】:2013-08-31 00:55:24
【问题描述】:

我在这里尝试使用 1200x300 图像的轮播示例 http://getbootstrap.com/javascript/#carousel。在宽度超过 1200 的大屏幕上看起来不错。但是当我减小浏览器宽度时,轮播中的图像会减小并且看起来很薄。

有什么技巧可以将最小高度应用于轮播中的图像。

【问题讨论】:

标签: html css twitter-bootstrap


【解决方案1】:

您可以使用CSS media queries 来实现您所需要的。

【讨论】:

  • 各位,感谢您的意见。让图像保持纵横比是有意义的。但是,如果我需要在用户减小屏幕宽度时手动设置高度,媒体查询应该是可行的方法。
【解决方案2】:

基本上我认为正在发生的事情,因为我没有任何代码可看,是您需要关闭响应式引导程序,否则引导程序会巧妙地调整页面上对象的大小。

我还注意到,如果您调整图像 http://placehold.it/1200x300 的大小,它会缩小,尽管这可能根本不会影响它

【讨论】:

    【解决方案3】:

    如果你在img 上设置max-width: 100%; height: auto;,无论你把它做得多窄,它都会保持它的纵横比(即保持正确的形状)。

    【讨论】:

      猜你喜欢
      • 2016-05-05
      • 2014-10-04
      • 1970-01-01
      • 2013-06-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-03-20
      • 2020-03-06
      相关资源
      最近更新 更多