반응형 이미지 사이즈 관련 질문입니다.
본문
aaa.jpg는 세로사이즈가 100px입니다.
bbb.jpg가 세로사이즈가 150px 이라서 강제로 100px를 주었습니다.
문제는 브라우저를 줄이면 aaa.jpg는 브라우저 크기에 따라 세로가 자동조절이 되는데, bbb.jpg는 세로가 100px 로 고정 셋팅이 되어 있습니다.
질문) bbb.jpg도 aaa.jpg와 같은 비율로 크기 조절을 할수 있는지요?
조언 좀 부탁드립니다.
자유게시판에 잘못 올려서 이곳에 다시 올립니다.
<img src=./img/aaa.jpg style="with:100%,height:auto;">
<img src=./img/bbb.jpg style="with:100%,height:100px;">
답변 2
반응형으로 하려면 with 100%, height auto 로 해야합니다.
높이를 고정하고 폭을 100%로 하면 당연히 높이가 고정됩니다.
max-height:100px; height:auto로 해보세요.
최대 100px까지만 사용하고 싶으신 거라면 max-height를 이용해보세요.
답변을 작성하시기 전에 로그인 해주세요.