인프런 커뮤니티 질문&답변
작성한 질문수
질문드립니다~!
작성
·
159
1
모바일용 말고 반응형으로 코드 올려주실 수 있나요??
반응형으로 스스로 만들어 보긴했는데
잘 모르겠는 부분이
jquery로 toggle을 만들었는데 이걸 어떻게 풀어서
메뉴 위치에 넣어야하는지 모르겠구요
그리고 팀원 사진,소개를 inline-block을 줬습니다.
화면 사이즈를 줄일 때 4칸에서 3칸으로 줄어 들 때
웹디 서포트 보스맨 픽서
웹디 서포트 보스맨
픽서
이렇게 나오는데 특정 화면 사이즈 설정을 안주고
웹디 서포트
보스맨 픽서 이런식으로 나오게 할 방법은 없을까요??
설명을 너무 못해서 죄송하네요 ..ㅠㅠ
답변 3
1
0
0
Dongho Lee
지식공유자
반응형으로 작성할 때는 미디어쿼리를 사용하는데 각 사이즈별로 메뉴의 디자인을 css로 구현해야 합니다.
또 팀원 소개부분도 각 사이즈별로 해당 부분의 크기를 지정하면 나타나게 될 개 수를 표현할 수 있습니다.
최근엔 스타일을 Flex나 Grid 를 적용하는 경우가 있는데 레이아웃 작성이 더 편한 것 같습니다.
다음 링크에 반응형 웹 예제를 만들어 본 파일이 있는데 참고가 되었으면 좋겠습니다.
https://cafe.naver.com/wepub/7973