미디어 쿼리(Media Queries)란?

미디어 쿼리(Media Queries)란?  

컴퓨터나 기이에게 '너는 어떤 종류의 ㅣ디어니?' 또는 '미디어의 화면 크기는 어느 정도나 되니?' 라고 미디어에게 질문하고 감지하여 웹사이트를 변경하는 기술. 

컴퓨터나 기기의 환경 또는 종류를 감지해야 그 기기에 맞게 웹사이트의 구조를 바꿀 수 있기 때문에 반응형 웹을 제작할 때 반드시 필요한 기술. 

우리가 실제로 기기를 사용하면서 하는 모든 행동들은 기기에게 질문을 하고 있는 것이라 할 수 있는데 예를 들어 컴퓨터 자판을 누르면서 컴퓨터에게 '자판을 눌렀으니 글자를 나타내줄 수 있겠니?' 라고 묻고 만약 문제가 없다면 컴퓨터가 그에 해당하는 답변을 주는 것과 같다. 물론 마우스도 마찬가지.

이처럼 우리가 컴퓨터나 기기를 사용하면서 매번 질문을 하는 작업을 컴퓨터 용어로는 '질의' 또는 '퀄리(query), '쿼리 작업' 이라고 부른다. 

- 반응형 웹 만들기 중에서- 

<style>

@media all and(min-width:320px) {

   body {

background:#e65d5d;

}

}

* 웹브라우저의 크기가 320px이상일 때 배경색을 빨간색 계열로 변경.