웹진 스킨의 리스트 화면의 썸네일 이미지는 좌우가 약간넓은 직사각형 모양이고, 이미지가 썸네일 크기와 맞지 않으면 찌그러지게 출력을 합니다.
모던 갤러리 스킨의 썸네일은 가운데로 정렬이 되고, 이미지의 가로세로비율은 변하지 않으면서, 화면에 꽉 차게끔 출력이 되는데요,
웹진 스킨의 리스트 화면의 썸네일 이미지가 가운데 정렬이 되어 썸네일 크기에 꽉 차게 출력을 하려면 스타일 시트 어느 부분을 어떻게 수정해야 하나요?
스타일 시트 크기와 속성을 바꿔봤지만 레이아웃이 깨지면서 잘 되지를 않네요.
웹진의 이미지는 img 태그로 출력하고 있고 모던갤러리의 이미지는 배경으로 출력하고 있습니다.
배경으로 출력되도록 변경 후에 아래의 CSS 코드를 추가 해보시면 좋겠습니다 :)
background-position: center;
background-size: cover;
특히 background-size: cover; 속성이 중요합니다^^