css 미디어쿼리 사용법

🎯 media query 사용법 미디어 쿼리는 모바일에 대응되는 반응형 또는 적응형 웹사이트를 만들 때 사용하는 css 구문이다. 📝 media query @media () and () { } @media (min-width: 320px) and (max-width: 800px) { } 미디어 쿼리를 사용하면 기존 속성을 교체할 수도, 새로운 속성을 추가할 수도 있다. 📝 viewport viewport는 디지털 기기에 표시되는 화면이다. 모바일이나 태블릿은 미리 설정되어 있는 모바일이나 태블릿은 미리 설정되어 있는 viewport로 인해 미디어 쿼리가 제대로 작동하지 않을 수 있다. 태그의 속성 중 하나인 viewport을 입력해서 디바이스에서 의도한 대로 화면이 출력되도록 하자. 모든 기기의 뷰포트가..