이미지 최대 높이를 400px로 하고 브라우즈 폭에 따라 이미지가 자동 조절되게 하고 싶습니다.
max-width:100%; height:auto;로 하면 이미지가 폭에 따라 자동으로 높이가 자동으로 잘 조정이 되는데요.
반대의 경우인
width:auto; max-height:400px;로 하면 높이가 400px로 고정이 되면서 이미지가 반응형으로 변화지 않는데, 이미지를 반응형으로 할 수 있는 방법이 없을까요?
|
답변 2개
채택된 답변
+20 포인트
2019-07-10 (수) 18:25:41
<div style="display:inline-block; width:auto; max-height:400px;">
<img src="http://biza.zc.bz/ii/xxi44-01.jpg" style="width:100%;">
</div>
2019-07-10 (수) 18:42:17
감사합니다. 잘 됩니다.^^
답변을 작성하려면 로그인이 필요합니다.