질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

갤러리 게시판에서 높이고정

2017.09.22 18:23 158 2

본문

width는 100%로 두고 높이를 max-heigh: 300px 정도로 하니 원하는 사이즈가 적당합니다

 

그런데 가로로 찍은 300px보다 적어서 다시 반응형으로 자동으로 길이가 줄어듭니다

이것을 웹진 box처럼 300으로 고정하고 그안에서 이미지를 298 정도로 나오게 하려면

어떻게 하면 되는지요?

길이가 300px 을 못미치면 사진아래로 이미지는 잘리고 나머지는 하얀색으로 나오겠죠...

예를들면 with: 100% 따라서 높이가 200px정도로 조정아 되면 박스는 300px으로 고정이 되어 있고

사진은 200px로 나옵니다 나머지는 힌색으로

설명도 어렵네요 ^^

0
로그인 후 평가 가능합니다.
- gang - 회원등급 : 지상계 / Level 15
포인트 6,777
경험치 21,254
[레벨 15] - 진행률 9%
- 가입일 : 2017-08-01 21:23:03
- 서명 : 미입력
- 자기소개 : 자유로운 영혼

댓글목록 2

이윰MOUNT님의 댓글

사실 설명하신 부분을 글로만 읽고 이해하기가 난해합니다.
우선 갤러리 게시판의 경우 masonry 플러그인이 적용되어 있습니다. 브라우저 크기에 따라 조금씩 늘어나기도 하고 좁혀지기도 하며 벽돌이 빈틈없이 쌓이는 구조입니다.
브라우저 크기에 따라 반응형으로 동작하며 이를 원치 않으시면 갤러리 박스의 크기를 고정하면 되는데 그리하면 더 안좋은 결과를 보게 될것입니다. 벼룩 잡자고 초가삼간 태우는 격입니다.

질문 해 주신 부분이 정확히 이해 되지 않아 원하는 답변을 드리기 힘들지만, 현재 제작되어 있는 구조가 이리 저리 테스트 해보고 masonry 갤러리 형태의 구조로 최적화 시켜놓은 상태입니다.
좀더 상세한 masonry 플러그인에 대해 알기를 원하시면 아래 사이트에 방문하셔서 해당 문서를 참고하시길 바랍니다.
https://masonry.desandro.com/

축하합니다. 첫댓글 포인트 72포인트를 획득하였습니다.

gang님의 댓글

gang 2017.09.23 14:01

대 작업이 될 것 같아서 그냥 패스하기로 했습니다 ^^
감사합니다

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 1 페이지
제목
이윰넷 2017.10.24 468 0
도깨비뿅망치 2017.10.24 611 0
홍인 2017.10.24 466 0
tenuunsalhi 2017.10.23 489 0
jumphu 2017.10.23 476 0
jumphu 2017.10.23 455 0
GNDOON 2017.10.23 467 0
jumphu 2017.10.23 442 0
gang 2017.10.23 399 0
백철하 2017.10.22 458 0
클라네스 2017.10.22 420 0
gang 2017.10.21 456 0
최태풍 2017.10.21 461 0
꿈꾸는개발자 2017.10.20 431 0
부끄럼소년 2017.10.20 497 0