갤러리 게시판에서 모바일 화면에서 css
본문
그누보드 베이지 갤러리 게시판을 사용하고 있습니다.
반응형으로 홈페이지를 만들고 있는데요.
화면을 모바일 화면으로 바꾸고, 이미지와 회색 가로선 사이의 공백을 줄이려고 하는데, 어떤걸 해야 할지 모르겟습니다.
크롬개발자 도구로 확인해보아도 잘 이해가 되지 않는데요.
고수님들의 조언부탁드립니다.(아래 그림을 봐주세요.)
--------------------------------------------------------------------------
아래 그림은 관리자 페이지 게시판 설정화면입니다.
답변 3
썸네일 크기를 모두 동일한 크기로 뽑든가
masonry 적용된 갤러리 스킨을 사용하셔야..
해당 스킨의 style.css에서 수정하세요
이미지의 width 기준으로 resizing 하기 때문에..
윗분들 말씀 처럼 이미지 비율이 동일한 이미지로 쓰셔야 할거 같구요..
동일한 이미지 비율임에도 하단 여백이 회색선과 많이 차이가 난다 싶으면..
아마 반응형을 위해 absolute 로 이미지를 불러오고 상위 div에 가상 css (:after)로 height를 padding-bottom 처리 했을 가능성이 보입니다.
padding-bottom 이 있다면 그 수치를 조절하시면 여백이 줄거나 늘거나 할 거 같아요..
답변을 작성하시기 전에 로그인 해주세요.