Bootstrap：img响应vs img流体

b4qexyjb 于 12个月前发布在 Bootstrap

关注(0)|答案(1)|浏览(120)

我使用的是bootstrap 3.3.6，我使用的是img-responsive类来实现图像响应。
我发现了一个新的类名img-fluid，但它在3.3.6版本中不存在。
有谁知道img-responsive和img-fluid有什么区别吗？
img-responsive只是根据父容器大小调整图像大小，我们可以使用css属性width: 100%和height: auto实现它。为什么要使用image-responsive类？

twitter-bootstrap

来源：https://stackoverflow.com/questions/37548489/bootstrap-img-responsive-vs-img-fluid

1条答案

按热度按时间

wvmv3b1j1#

img-responsive在Bootstrap 3中，img-fluid在Bootstrap 4中，自Beta版本以来。
删除显示：block; from .img-fluid.响应图像行为不依赖于显示：block;，这样我们就可以安全地将其删除。如果您需要块级别，您可以在源代码中或使用实用程序类轻松覆盖它。

.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

赞(0）回复(0）举报 12个月前

我来回答

Bootstrap：img响应vs img流体

1条答案

相关问题

热门标签

最新问答