오뚝이개발자

창의 크기에 따라 디자인 옵션을 다르게 주는 것을 반응형 웹이라 한다. PC에서 보는 화면과 태블릿, 모바일에서 보는 화면이 다르게 만드는 것이다. 이러한 기능은 미디어 쿼리를 사용해 구현이 가능하다. 예컨대, 다음과 같은 html 코드가 있다고 해보자. Responsive 이 때 창의 크기를 800px을 기준으로 그보다 작을 때만 Responsive라는 글자가 나오게 하고싶다면 아래와 같이 media 쿼리를 추가해주면 된다. Responsive 여기서 min-width:800px은 screen width>800px과 같은 뜻이다. "screen width가 800px보다 크면"이라는 말은 최소 800이라는 말과 동일하기 때문이다. 반대로, max-width:800px은 screen width