引导和图像响应能力

【问题标题】：Bootstrap & image responsivness引导和图像响应能力
【发布时间】：2015-04-30 12:18:53
【问题描述】：

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

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

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

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Short, Self Contained, Correct Example (SSCCE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！

标签： html css twitter-bootstrap responsive-design responsiveness

【解决方案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/ 用于网格示例。

【讨论】：

感谢您的回答 Kris，您是什么意思应用媒体查询？
@Ben2pop 使用媒体查询示例和引导网格链接更新了答案。