Bootstrap & 图片响应

Question

我有一个完全响应式的网站，但是有一部分不是 ans 位于标语 URBAN FREE SPIRIT 下方（我说的是图像）我尝试使用 class 容器，class img 响应但似乎没有任何效果..

这是我的网站，我认为通过检查器查看比复制粘贴更容易

http://v1954132.caqoajqezbu9.demo42.volusion.com/

Answer 1

.home-stage-v2 没有响应。

.home-stage-v2 {
  width: 1000px;
  height: 1200px;
  position: relative;
  margin-top: 25px;
}

针对各种宽度对其应用媒体查询。

@media (min-width: 1200px) {
    .home-stage-v2 {
      width: 1000px;
    }
}

@media (max-width: 1199px) {
    .home-stage-v2 {
      width: 100%;
    }
}

上面的例子。您还必须重新处理图像，因为它们具有固定宽度并且不响应宽度变化。我建议将它们重新加工成百分比或将它们放入网格中。

http://getbootstrap.com/examples/grid/ 网格示例。

Bootstrap & 图片响应

Bootstrap & image responsivness

html

css

responsive-design

twitter-bootstrap

responsiveness