responsive-web 반응형 웹

viewport 설정하기 (장치너비와 화면너비를 일치시켜 축소되지 않도록)

<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
   ...
</head>

미디어쿼리 적용법

@media 장치종류 and (조건) {

  선택자 { 속성:속성값;}
  선택자 { 속성:속성값;}
  ...
}

all 모든 장치종류가 가능할 때
not 장치종류 는 해당 장치만 제외하고 적용
only 장치종류 는 해당 장치에만 적용

acorns