728x90 반응형 반응형메뉴1 비주얼 스튜디오 코드 56_ 반응형 메뉴(모바일 네비게이션) 모바일 네비게이션 01html 마크업css 편집#contents 편집●vw : 세로로 잘라서 나눠서 쓰겠다. ●vh : 가로로 잘라서 나눠서 쓰겠다.#nav 편집h1, nav float left/ right 줌nav 포지션 픽스를 해주어 고정시키고 포지션을 띄우면 너비값을 잃기 떄문에 w:100%를 줌menu 를 옆으로 나열하기 위해 inline 구조로 변경하고 active는 인라인구조와 블럭구조의 성질을 가지게한다. active a 를 만들어서 컬러값을 넣어야 변경됨 반응형 적용하기#nav .mNav 편집햄버거메뉴 만들기 - 영역 잡기햄버거메뉴 위치 잡기햄버거 메뉴 바 만들기햄버거 메뉴 바 2 , 3 만들기**실무팁나중에 디자인된 부분을 보고 할 때는 포토샵 파일을 참고해서 위치를 넣어야한다. (포토샵.. 2023. 6. 30. 이전 1 다음 728x90 반응형
