컨테이너의 반응 이미지가 적절하게 크기 조정되지 않습니다.

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

라이브 데모를 통해 조금 더 힘들지만 최선을 다하겠습니다.

나는 올바른 길을 가고 있다고 생각합니다. 현재 이미지는 보통 너비가 아닙니다. 컨테이너가 충분히 작아지면 축소되어야합니다. 그러나 컨테이너가 이미지보다 크면 이미지는 확대되지 않습니다.

또는 이미지의 크기를 조정 하시겠습니까? 더 많은 정보가 굉장합니다.