그누보드 QA - 썸네일을 background 로 가져오는데 원본비율로 나오게 하고 싶습니다

썸네일을 background 로 가져오는데 원본비율로 나오게 하고 싶습니다

sususu 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2022.04.29 14:29:23 963 (220.♡.♡.124)

본문


<div class="img thumb_wrap">
                            <?php
                                $thumb_width = '500';
                                $thumb_height = '500';
                                $thumb = get_list_thumbnail('product', $row['wr_id'], $thumb_width, $thumb_height, false, true);
                                $style=';background:url(\''.$thumb['src'].'\') no-repeat center center; background-size:contain;';
                                if($thumb['src']) {
                                    // $img_content = '<div style="margin:0 auto;;width:'.$thumb_width.'%;height:'.$thumb_height.'%;'.$style.'"></div>';
                                    $img_content = '<div style="margin:0 auto; width:100%;height:100%;'.$style.'"></div>';
                                } else {
                                    $img_content = '<img src="/img/no_img.png" alt="'.$thumb['alt'].'" class="img-res">';
                                }
                                echo run_replace('thumb_image_tag', $img_content, $thumb);
                            ?>
                        </div>

직사각형 이미지를 정사각형 div에 contain으로, 한눈에 보이게 채우고 싶은데

$thumb_width = '500';

$thumb_height = '500';

이 부분 때문에 정사각형으로 나오고,

원본비율대로 작아지지는 않는 것 같습니다.

어떻게 수정해야 직사각형 이미지가 원본비율대로 작아져서 background 로 들어가게 할 수 있을까요