div 내부에 있는 img 크기를 창 크기에 비율을 맞추고 싶습니다.
본문
div 내부에 img 파일이 하나있고,
이 img 크기가 창 크기를 줄이면 같이 줄어들게 하고 싶습니다.
min-width width 이런것도 줘봤고 찾아서 해보라는대로 해봤는데 안됩니다..
어떻게 해야할까요?
답변 5
BODY 에 MIN-WIDTH: 1200PX, HEIGHT: 100%, WIDTH:100% 가 입혀져 있습니다
이것은 영향 없습니다
그냥 이렇게 하면 작동 되어야 합니다
<div>
<img src="../img/test.jpg" style='width:100%'>
</div>
아래처럼 세팅하면 될것 같아요
테스트 해보세욤 ㅎㅎ
<img src="nature.jpg" alt="Nature" class="responsive">
.responsive {
width: 100%;
height: auto;
}
먼저 DIV의 상태도 고려해야해요!!
전체적으로 HTML 과 BODY 에 MIN-WIDTH: 1200PX, HEIGHT: 100%, WIDTH:100% 가 입혀져 있습니다. 그래서 안되는걸까요?
<div style="width:1200px;">
<img style="width:100%; max-width:800px; min-width:300px;">
</div>
이미지에 width 값을 100% 로 주면 상위 개체 (div)에 맞게 꽉 차게 됩니다.
세로 높이도 너비에 맞는 비율로 들어가게됩니다.
붉은색 표시한것처럼 최대 넓이와 최소 넓이를 지정할수도 있습니다.
전체적으로 HTML 과 BODY 에 MIN-WIDTH: 1200PX, HEIGHT: 100%, WIDTH:100% 가 입혀져 있습니다. 그래서 안되는걸까요?
이미지 자체에 width="100%" 만 걸어도 될꺼에요. 안된다면 다른부분(아마도 css)이 문제일듯.
이미지를 div에 폭 100%로 맞추는 것이라면 다음 코드로 될거에요. 높이 100%라면 또 다르니 다시 질문하세요.
<div style="width:auto; max-width:100%;">
<img src="http://biza.zc.bz/ii/xxi44-01.jpg" style="width:100%;">
</div>
이렇게 글로서는 명확한 답변이 어려우니
URL 올려주시면 봐드릴게요.
공개가 불편하시면 쪽지로 보내주세요
