반응형
이번글에서는 새로운 개념에 대해 알아보자.
지금까지는 반응에 대응하지 않는 디자인이었다면 이제는 대응하는 디자인을 해볼 것이다.
화면의 크기에 따라 태그가 사라지거나 보여질 수 있는 것을 해보겠다.
여기서 새로운 개념이 등장한다
'미디어 쿼리'
미디어 쿼리는 우리가 하려는 반응형 디자인을 도와준다.
미디어 쿼리를 이용해서 web의 크기가 최소 800px이면 (800px 이상이면)
안보이게 했다.
반대로 최대 800px(800px이하이면) max-width:800px로 안보이게 할 수 있다.
반응형
