반응형 웹 디자인

브라우저 크기에 맞춰서 구조가 변화하는 것.
반응형 웹 디자인으로 만들면 따로 앱 디자인을 따로 만들지 않아도 된다.

// 브라우저 가로 길이가 768px 이상일 때는 아래 속성 적용
@media (min-width : 768px) { 
  h1 { 
    font-size : 36px;
  }
  p {
    font-size : 24px;
  }
}