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

이미지 찌그러짐 현상 없내는 방법

지용준 3년 전 조회 4,352

아래와 같이 제품 이미지를 업로드 하면 양쪽으로 찌그러 지거나

짜부되는 현상이 생겨 버렸습니다.

원본 이미지가 찌그러지지 않게 저 사각 테두리안에 그대로 보여주고 싶은데

방법을 몰라서 전문가님들께 여쭤 봅니다.

혹시 해결 방안을 아시는 분이 있으시다면 답변 부탁드립니다.

 

 

 https://gdseng.co.kr/bbs/board.php?bo_table=Gas_detectlor&wr_id=16

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

답변 2개

꽁치입니다

</p>

<p><style></p>

<p>.viewskin .imgbig img{

 object-fit: contain;

}</p>

<p></style></p>

<p>

https://sir.kr/bbs/profile.php?mb_id=eaglehorn2" onclick="return false;" rel="nofollow" target="_blank" title="eaglehorn 자기소개">eaglehorn 님 답변대로 CSS 에서 위 항목 찾아서  object-fit: contain; 추가 하시면 됩니다.

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

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

e
3년 전

이미지가 잘리지 않고 긴 쪽에 맞춰서 비율을 유지시켜주려면 object-fit: contain 속성을 추가하시면 됩니다.

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

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

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

로그인