inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

Flex UI실전 제작(3) 질문드립니다.

195

dlawnstn12345

작성한 질문수 16

1

다른 사이트 포트폴리오 같은 걸 보면 모바일 크기에서 햄버거 버튼을 클릭한 상태에서 다시 화면을 PC크기로 크게 늘리면 햄버거 버튼이 사라지고 UI 버튼들도 다시 가지런히 정리된 상태로 화면에 보이고 다시 모바일 크기로 줄이면 그 전에 클릭 했던 상태로 있는데 이 예제에서 햄버거 버튼을 클릭한 상태로 다시 PC로 크기를 늘리면

이런식으로 UI가 다 깨집니다. 선생님이 주신 완성본 파일로 해도 결과는 똑같이 나옵니다. 이 부분을 어떻게 고쳐야 하는지 질문드립니다.

flex 반응형-웹

답변 2

1

코딩웍스(Coding Works)

저도 질문글 보고 브라우저 줄였다 늘이니까 같은 현상이 생기네요.
마도 플렉스 배치라서 그런 것 같은데요. 원인은 찾아보고 있습니다. 아
그리고 PC 사이즈에서 모바일 사이즈로 보는 사람은 제작자 뿐입니다.
그렇기 때문에 그렇게 결정적인 결함은 아니니 플렉스 배치 연습 정도로 넘어가세요.
그리고 대부분 네비게이션은 손이 많이가도 디테일해서 플렉스 배치로는 잘 하지 않고 전통적인 방식으로 배치합니다.

0

Youngjae Choi

이게 제가 "완성본을 보고 있습니다." 라는 제목으로 질문드린 부분이네요.

jQuery 부분을 손보면 될것 같습니다.

가로스크롤

1

458

1

상위 태그 영역 무시 하는 방법

1

842

2

반응형 적응형 구분

2

802

2

flex가 적용되면 하위에 있는 인라인의 속성은?

1

359

1

슬릭 슬라이더 버튼

1

370

1

slick 모바일로 변환했을때..

1

607

1

x scroll 이 왜 생기는 걸까요?

1

870

1

영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)

1

249

1

모바일에서 이미지 짤림 현상

1

2742

2

질문 있습니다

1

241

1

안녕하세요

1

259

1

모바일버전에서 스크롤이 생겨서요 ㅜㅜ

1

289

1

반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.

1

387

2

슬라이딩 스크롤이 이상하게 먹혀요!

1

407

2

slick slider 하는데 패딩이 안먹혀요

1

764

2

제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.

1

317

1

혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?

1

250

1

소스랑 자료 다운로는 어디서 받을 수 있나요?

1

299

1

반응형 헤더 네비게이션 강의 질문있습니다.

1

203

1

그 반응형 질문 있습니다

1

225

1

질문드립니다 강사님

1

288

2

flex 레이아웃 배치 질문있습니다.

1

220

1

미디어쿼리 반응형 만들때 사이즈 질문있습니다.

1

201

1

인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.

1

972

1