sidebar1

• 

  sidebar 만들기 핵심적 코드 화면크기에 따라 코드다르게 하려면 미디어쿼리(Media Query) 화면크기에 따라 css가 달라지게하는 코드가 있다. 정확히는 조건에 따라 스타일을 달라지게 만들 수 있다. max-width: 500px 전체 화면크기가 500px 이하일때 sidebar_container의 width를 100%로 해버렸다. (scss) @media all and (max-width: 500px) { #sidebar_container { width: 100%; transition-duration: 0.5s; } } 미디어쿼리 미디어쿼리(Media Query)란? 조건에 따라서 스타일을 적용하고 싶을때 사용한다. @media로 시작하는 미디어 쿼리의 기본적인 문법 구조는 아래와 같다. /* css파일 */ @m.. 개발/개발일지 2023. 8. 25.