첨부파일 이미지 좀 봐주세요.
본문
수고하십니다.
이미지를 첨부하면
pc에서는 정상적으로 보여지는데
모바일을 들어가서 보면 비율이 안맞아서 가로 부분이 한참 줄어 듭니다.
#bo_v_img img {margin-bottom:20px;max-width:50%; max-height:395px; margin-top: 20px;}
이부분에서 395px를 수정해주면 되는거 같은데 auto를 줘도 %로 값을 주어도 바뀌지가 않습니다.
조언 좀 부탁드립니다.
감사합니다.
#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {}
#bo_v_img img {margin-bottom:20px;max-width:50%; max-height:395px; margin-top: 20px;}
답변 2
미디어 태그를 쓰셔서
@media(max-width: 540px) {
#bo_v_img img {width:100%; height:auto;max-width:100%; max-height:auto;}
}
이렇게 추가하시면 될듯 합니다.
감사합니다. 덕분에 해결되었습니다.
어차피 모바일 해상도는 디바이스마다 다르기 때문에 절대값 px 을 주셔도 동일한 문제가 발생할겁니다.
그리고 어떻게 표현하고 싶은건지 PC 버전 이미지도 올려주세요.
위 이미지론 알수가 없습니다.
답변 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
