카드 갤러리 스킨 모바일 섬네일 해상도 관련 문의

안녕하세요. 
card-gallery 스킨을 사용하여 게시판을 사용하고 있는데 섬네일 해상도가 원하는 비율이 아니라서
사이즈를 조정해서 사용하고 있습니다.  
PC에서는 조정한 사이즈로 문제없이 사용하고 있는데 모바일에서는 이미지가 너무 커져서 외부로 튀어나는 현상이 발생합니다. 

이미지를 자동 조정해서 모바일에 맞추어진다고 생각했는데 그렇게 적용되지는 않아서 모바일과 PC를 서로 독립적으로 섬네일의

크기를 지정하고 싶은데 가능할지 문의드립니다. 

만약 이게 어렵다면 최소 사이즈를 지정해서 모바일에서는 최소 사이즈로 섬네일이 노출되도록 조정이 되어도 좋습니다. 

https://imgur.com/a/7m2nzB0

위 이미지는 모바일 화면 캡쳐 이미지 입니다. 

#kboard-card-gallery-list .kboard-list-item { width: 330px; box-sizing: content-box; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-thumbnail { width: 330px; height: 185px; }
@media screen and (max-width: 600px) {
    #kboard-card-gallery-list .kboard-list-item { width: 330px; }
    #kboard-card-gallery-list .kboard-list-item { margin: 0 1% 1% 0; width: 49%; }
}

위 코드는 섬네일 해상도 조정을 위해 반영한 코드이고 원하는 기본 섬네일 해상도는 width 330px  height: 185px 입니다. 

원활한 섬네일 반영을 위해 style.css / list.php 2개 파일에도 같은 해상도로 적용을 했습니다. 

사이트 주소 : https://korea-dcm.com/ 

모바일에서도 원하는 해상도를 적용해서 깨지는 부분이 없도록 조정 가능할지 문의드립니다.

감사합니다. 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요