반응형 네비게이션 화면크기에 따른 깨짐
본문
반응형으로 gnb네비게이션을 만들었습니다
모바일 화면에선 클릭시 gnb가 나타나게 만들었는데 문제는
그 상태에서 화면을 늘려서 pc모드로 전환하면 gnb가 사라지거나 모바일 화면 위치로 gnb가 고정이 됩니다
이거...왜이럴까요.?
답변 2
@media 를 이용해서 화면크기마다 조정해주세요
css 미디어쿼리에서 네비게이션이 모바일스타일로 변화되는 순간에 슬라이드 토글이나 자바스크립트로 css를 컨트롤할경우 미디어쿼리로 pc스타일로 돌아올때 이미 자바스크립트로 컨트롤 된 css가 그대로 적용되어지는 문제가 있을수 있습니다.. 그런 문제는 자바스크립트로 resize때 원상태로 돌리던가 아니면 모바일 네비게이션 자체를 따로 만들어서 컨트롤 하시는게 좋습니다
답변을 작성하시기 전에 로그인 해주세요.