미디어쿼리

[CSS] 반응형 웹의 미디어 쿼리 (Media Query)

미디어 쿼리에 대해 간략히 알아 보겠습니다. 반응형 웹(Responsible Web) 반응형 웹이란? 태블릿, 스마트 폰 등 다양한 모바일 기기들이 생겨 나면서 웹에서 보여지는 컨텐츠를 PC에서와 똑같이 모바일 기기에서도 보기 위한 방법이다. 즉 반응형 웹은 디바이즈 종류에 따라 웹페이지의 크기가 자동적으로 조정되어 어떠한 환경에서도 사용자가 편리하게 보는 웹을 말합니다. 미디어 쿼리(Media Query) 반응형 웹에서 각각의 화면에 CSS를 적용하여 사용되어지는 것을 미디어 쿼리 이다. 화면의 사이즈를 인식해 서로 다른 CSS를 적용시켜준다. 화면의 사이즈에 따라 크게 PC, 태블릿, 스마트폰 3개로 구분하여 만든다. PC - 1024px 초과 태블릿 - 768px 이상, 1023px 이하 모바일 -..