인프런 커뮤니티 질문&답변

석은실

작성한 질문수

반응형 웹사이트 포트폴리오(App Official Landing Website)

모바일 레이아웃 변경작업(12) – 헤더(header) & 모달

모바일 버전 동작 오류 질문 드립니다.

작성

1.1K

pc와 모바일 버전 최종 구현 후,

웹브라우저에서 확인하면 햄버거 버튼이 펼쳐지고,

접히는 동작이 잘 됩니다.

그런데 ftp 서버에 파일을 그대로 업로드 후,

웹브라우저나 핸드폰에서 url로 접속하면

햄버거 버튼이 동작을 하지 않습니다.

(웹브라우저에서도, 폰에서도요)

제 파일에 오류일 수도 있다 싶어서

선생님 완성본 파일을 ftp에 업로드하고

확인해도 동작을 하지 않습니다.

웹 주소는(jesuslove.dothome.co.kr)입니다.

확인해 주실수 있나요?

jquery HTML/CSS 반응형-웹

퀴즈

모바일 레이아웃 변경 시 `responsive.css` 파일을 `style.css` 파일 아래에 두는 주된 이유는 무엇일까요?

브라우저 캐싱 효율을 높이기 위해

PC 스타일을 먼저 로드하고 모바일 스타일로 덮어쓰기 위해

파일 구조를 체계적으로 관리하기 위해

미디어 쿼리가 올바르게 작동하도록 하기 위해

답변 2

석은실

질문자

캐시 비우니 동작됩니다 감사합니다 선생님

행복한 하루 보내세요^^

석은실

질문자

pc에서는 적용이 되요(웹브라우저에서요)

햄버거 버튼쪽 제이쿼리가 계속 업로드가 안된 오류였어요..

그런데 모바일 화면에서는 햄버거 버튼이 터치가 안되네요 선생님

코딩웍스(Coding Works)

지식공유자

개발자도구에서도 잘됩니다. 혹시나 해서 제 핸드폰으로 해봤는데 모바일 햄버거버튼 완전 잘되는데요.

아마 캐시 때문에 그런 것 같습니다. 다른 핸드폰으로 들어가 보시면 모두 정상적으로 잘 될거에요. PC에서는 강력 새로고침 Ctrl + R 을 누르시면 되는데... 모바일은 강력새로고침이 없어서 지금 사용하시는 폰에서는 캐시를 비우고 다시 해보세요. 모바일 작업이 이런 불편한 점이 있어요.

석은실

작성한 질문수

전체 Q&A

질문하기