가로와 세로 이미지정렬 최적화 문의드려요.. 채택완료
그누초보님
9년 전
조회 4,748
안녕하세요. 오늘은 이미지 정렬에서 해답을 찾지못해 이렇게 질문글을 남기게 되었습니다.
가로 이미지와 세로 이미지가 있는데요
가로 이미지든 세로 이미지든 이렇게 깔끔하게 정렬하고 싶으면
이미지 height="100%" 로 하면 되는데요
페이지 가로사이즈가 변형될경우 그에 크기를 맞추고 싶은데 (width="100%")
이렇게 가로 값을 주게 되면 세로 이미지도 같이 너비가 늘어나서 늘어나보입니다.
이렇게 말이죠..
제가 하고 싶은건 가로세로 영역에 따라 늘어나되,
원래의 비율로 늘어나게 했으면합니다.
조언 부탁드릴께요..
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
9년 전
테이블 500*500 안에 이미지가 있다고 가정하고
img style="width:90%;"
└ 세로사이즈가 테이블을 뚫고 나옵니다.
img style="height:90%;"
└ 가로이미지 세로이미지 모두 제대로 나오지만 반응형이 안됩니다.
img style="width:90%; height:90%;"
└ 세로이미지가 너비가 늘어나서 보기가 흉합니다...
진짜 방법은 없는걸까요 ㅠㅠ
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
9년 전
이미지를 반응형으로 해주시면 원래 비율로 늘어나고 줄어드니 아래와 같이 해주세요.
http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">