html - 如何使图像从 CSS 响应

Question

我正在我的 CSS 类中添加图像。现在我需要使用 img-responsive Bootstrap 方法来使这个图像响应。我该怎么做？

我的代码:

CSS

.mybackground {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  height: 100vh;
  vertical-align: top;
    background: url(img.png) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

注意:我已经在 CSS 类中添加了图像。

Answer 1

我强烈建议您查看以下内容:

首先是 Bootstrap 中的 img 项: http://getbootstrap.com/css/#images

然后确认您进行了适当的媒体电话 session : http://getbootstrap.com/css/#responsive-utilities