Question

我正在努力尝试在容器中获得图像响应，这让我感到疯狂。我看了很多不同的答案，唯一可行的方法就是将图像设置为容器宽度的100％（不使用max-width），但我不想将图像设置为100％的所有时间。这就是我得到的：

HTML

<div id="interior_banner" class="title_pic">
<img src="assets/images/portraits_header-24.png" />
</div>

CSS：

img{max-width:100%;border:3px solid #fff}
.title_pic{text-align:center;margin:0 0 1em;}

现在将img设置为宽度：100％可以工作，但我真的希望这个横幅仅在它不适合容器时才能弯曲。在此之前，我不希望它的大小。

我错过了什么？我知道这是件事。

先谢谢！

Answer 1

通过现场演示，这有点难，但我会尽力而为。

我认为你走的是正确的道路。目前不是它的常规宽度的图像？当容器变得足够小时，它应该收缩。但如果容器比图像大，则图像不会放大。

或者您希望图像放大吗？更多信息会很棒。