테스트 사이트 - 개발 중인 베타 버전입니다

갤러리 게시판에서 모바일 화면에서 css 채택완료

에쥬 4년 전 조회 1,720

그누보드 베이지 갤러리 게시판을 사용하고 있습니다.

반응형으로 홈페이지를 만들고 있는데요. 

화면을 모바일 화면으로 바꾸고, 이미지와 회색 가로선 사이의 공백을 줄이려고 하는데, 어떤걸 해야 할지 모르겟습니다.

크롬개발자 도구로 확인해보아도 잘 이해가 되지 않는데요.

고수님들의 조언부탁드립니다.(아래 그림을 봐주세요.)

--------------------------------------------------------------------------

아래 그림은 관리자 페이지 게시판 설정화면입니다.

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

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
4년 전

썸네일 크기를 모두 동일한 크기로 뽑든가

masonry 적용된 갤러리 스킨을 사용하셔야..

로그인 후 평가할 수 있습니다

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

4년 전

이미지의 width 기준으로 resizing 하기 때문에..

윗분들 말씀 처럼 이미지 비율이 동일한 이미지로 쓰셔야 할거 같구요..

동일한 이미지 비율임에도 하단 여백이 회색선과 많이 차이가 난다 싶으면..

아마 반응형을 위해 absolute 로 이미지를 불러오고 상위 div에 가상 css (:after)로 height를 padding-bottom 처리 했을 가능성이 보입니다.

padding-bottom 이 있다면 그 수치를 조절하시면 여백이 줄거나 늘거나 할 거 같아요..

로그인 후 평가할 수 있습니다

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

4년 전

해당 스킨의 style.css에서 수정하세요

로그인 후 평가할 수 있습니다

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

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

로그인