테스트 사이트 - 개발 중인 베타 버전입니다

첨부파일 이미지 좀 봐주세요. 채택완료

허걱김선생 1년 전 조회 1,358

수고하십니다.

 

이미지를 첨부하면

pc에서는 정상적으로 보여지는데

모바일을 들어가서 보면 비율이 안맞아서 가로 부분이 한참 줄어 듭니다.

 

#bo_v_img img {margin-bottom:20px;max-width:50%; max-height:395px; margin-top: 20px;}

이부분에서 395px를 수정해주면 되는거 같은데 auto를 줘도 %로 값을 주어도 바뀌지가 않습니다.

 

조언 좀 부탁드립니다.

 

감사합니다.

 

http://sir.kr/data/editor/2402/1888603148_1706763099.2742.png" width="350" />

 

</p>

<p>#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;}

 </p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
M
1년 전

미디어 태그를 쓰셔서

</p>

<p>@media(max-width: 540px) {</p>

<p>#bo_v_img img {width:100%; height:auto;<code>max-width:100%; max-height:auto;</code>}</p>

<p>}</p>

<p>

이렇게 추가하시면 될듯 합니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허걱김선생
1년 전
감사합니다. 덕분에 해결되었습니다.

댓글을 작성하려면 로그인이 필요합니다.

어차피 모바일 해상도는 디바이스마다 다르기 때문에 절대값 px 을 주셔도 동일한 문제가 발생할겁니다.

그리고 어떻게 표현하고 싶은건지 PC 버전 이미지도 올려주세요.

위 이미지론 알수가 없습니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허걱김선생
1년 전
답변 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인