[CSS] 반응형을 위한 미디어(@media)쿼리 사용법
반응형을 위한 미디어(@media)쿼리 사용법 화면(Screen)의 표현식은 Width, height, color와 같은 미디어의 특성을 이용하여 복합적으로 스타일 시트를 적용할 수 있습니다. 미디어 쿼리는 화면의 크기에 따라 컨텐츠의 변경없이 적절한 모양을 보여줄 수 있습니다. 즉, 사용자마다 제각각인 환경에 대응하기 위해 반응형 웹을 구현하는데 사용 - 미디어 쿼리 두 가지 사용 방법 - 1. 요소를 사용 max-width: 768px 즉, 화면의 너비가 768px 이하일 경우 style.css 파일을 불러옵니다.(유지보수에 용이) 2. CSS 안에서 @media를 사용 @media screen and (max-width: 768px) { body{ background-color: #eee; } } ..
2020.10.08