미디어 쿼리는 콘텐츠 렌더링이 사용자가 사용하는 브라우저의 사이즈, 사용자의 기기 해상도 같은 다양한 조건에 적응할 수 있도록 하는 CSS3의 기능입니다.
다음과 같은 화면에 media query를 적용시켜서 최소 width가 100px되면 화면의 색상이 바뀌도록 해주면
적용된 media query따라서 화면의 색상과 글자가 변하는것을 볼 수 있습니다.
???
다음과 같은 화면에 media query를 적용시켜서 최소 width가 100px되면 화면의 색상이 바뀌도록 해주면
적용된 media query따라서 화면의 색상과 글자가 변하는것을 볼 수 있습니다.