1. meta태그에 viewport설정 1) meta 태그에 viewport를 사용하여 브라우저 뷰포트의 너비와 배율을 제어. 2) 기기 독립적 픽셀에서 화면 너비에 맞추려면 width=device-width를 포함 3) 기기 독립적 픽셀과 CSS 픽셀 간에 1:1 관계를 설정하려면 initial-scale=1을 포함 ex) *** viewport에서 initial-scale 이외 속성 minimum-scale maximum-scale user-scalable 이들 속성은 사용자가 뷰포트를 확대/축소할 수 없음 2. 상대 너비 값 사용 : viewport 설정 후 width값을 %로 설정 3. CSS 미디어 쿼리 사용 ( css에 필터 적용 ) 1) 기기 특성을 기반으로 스타일을 적용하여 min-devi..