반응형에 따라 최근게시물, 갤러리 가로사이즈 수정을 어떻게 해야할까요

반응형에 따라 최근게시물, 갤러리 가로사이즈 수정을 어떻게 해야할까요

QA

반응형에 따라 최근게시물, 갤러리 가로사이즈 수정을 어떻게 해야할까요

본문

제가 홈페이지를 만들면서, 질문에 대한 답변을 고수님들 께서 너무 잘 주셔서 빠른문제해결로 완성을 해가고 있습니다.

이제 최종작업에 다다르는데 아무리  css를 수정하려봐도 

@media all and (max-width:748px) 조건일때

최근게시물과 갤러리에 대한 배치를 하지못하겠습니다.

 

현재는 최근게시물이 한개로 표시되고, 갤러리도 4개로 깨져버립니다.

최근게시물, 갤러리 모두 @media all and (max-width:748px) 조건일때는 가로로 두개씩 표시되게 하고싶은데 어느부분을 수정해야할까요?

 

최근게시물 화면 http://etcom262.iwinv.net/

갤러리화면 http://etcom262.iwinv.net/bbs/board.php?bo_table=edu1

이 질문에 댓글 쓰기 :

답변 2

아래 방법 중 하나로 하셔야 하는데, 

방법1. js로 화면 너비 인식해 한줄에 나열할 개수와 너비 지정. 

방법2. float:left 써서 모두 옆으로 나열 시킨 후, 너비 %로 조정. (부트스트랩도 이런 원리)

 

초보자가 하기엔 무리인 작업 같네요.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 51
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT