채택완료

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

2021-03-07 (일) 15:35:42 3,139

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

이제 최종작업에 다다르는데 아무리  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개

채택된 답변
+20 포인트

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

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

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

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

답변에 대한 댓글 1개

와 감사합니다 방법2번으로 해결했습니다.
2021-03-07 (일) 16:08:03

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

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