html - 引导和图像响应

Question

我有一个完全响应的网站，但是有一个不是 ans 的部分位于口号 URBAN FREE SPIRIT 下方（我在谈论图像）我试图拥有类容器，类 img-responsive 但似乎没有工作 ..

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

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/有关网格的示例。