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

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

오예이예 4년 전 조회 3,017

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

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

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

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

 

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

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

 

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

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

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

답변 2개

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

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

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

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

 

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

 

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

답변에 대한 댓글 1개

오예이예
4년 전
와 감사합니다 방법2번으로 해결했습니다.

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

css 의 기본 개념부터 익히시는걸 추천해드립니다.

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

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

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

로그인