상품상세 설명에 들어가는 이미지는 css 적으로 width:100%로 잡혀있는 상태입니다. 

그렇기 때문에 따로 설정을 하지 않는 이상에서야 가로가 줄어들면 세로부분도 같이 줄어들면서 사이즈만 작아질뿐 이미지가 찌그러 보이지는 않습니다. 

 

다만 상품을 등록을 할때 이미지쪽에다가 강제로 사이즈를 기재하는 경우는 이미지가 찌그러지는 현상이 발생할 수 있습니다. 

 

http://www.kizbaby.co.kr/shop_goods/goods_view.htm?category=02******&goods_idx=******

 

위의 상품이 대표적인데요...

 

관리자 페이지에서 상품수정에 들어가서 상세설명을 보시면 아래가 같이 표시가 되어있습니다. 

 

이미지가 노출될시 소스보기를 하게 되면 위의 소스가 나오는데요..여기서 보시면 width값과 height값이 정의가 되어있습니다. 

이럴경우 width값이 줄어듬에 따라서 height값도 같이 줄어들어야 되는데..줄어들지가 않으니까 찌그러져 보이는 현상이 발생합니다. 

따라서 이 부분을 모두 max-width:100% 로 수정처리를 하시면 이미지는 작지만 찌그러져 보이지는 않을겁니다.