容器中的響應式圖像沒有正確確定尺寸

Question

我很努力地試圖讓圖像在容器中響應，並且它會讓我瘋狂。我已經看過很多不同的答案，唯一似乎工作的只是將圖像設置爲容器寬度的100％（不使用最大寬度），但我不想將圖像設置爲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

有了一個現場演示這有點難，但我會給它最好的去。

我認爲你是在正確的道路上。目前是不是它的普通寬度的圖像？當容器變得足夠小時，它應該縮小。但是如果容器比圖像大，圖像不會放大。

或者你想要圖像放大？更多信息會很棒。