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

2022-02-25 (금) 16:32:53 4,638

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

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

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

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

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

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

237202107_1645774194.6605.png

237202107_1645774253.9275.png

답변 2개

2022-02-25 (금) 17:19:52
Copy
<style>

.viewskin .imgbig img{
 object-fit: contain;
}

</style>

eaglehorn 님 답변대로 CSS 에서 위 항목 찾아서  object-fit: contain; 추가 하시면 됩니다.

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

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