CSS 기본 7

반응형 웹

접속하는 디바이스에 따라 기기의 viewport에 반응하여 레이아웃이 자동으로 변경되는 웹페이지

미디어 쿼리

viewport의 너비에 따라 웹사이트의 stylesheet를 수정할 수 있게 해주는 css 기능

[viewport 이외에도 단말기 종류, 해상도 등을 기준으로 설정도 가능]

Breakpoint

-반응형 웹페이지의 작업 기준이 되는 중단점
-PC, Tablet, Mobile의 기준이 되는 규격 분기

*어디까지나 일반적인 규격일 뿐이며, 상황에 따라 더 자세하게 나누는 것도 가능

반응형 웹 속성

+a) max(A,B), min(A,B) => 사용자 환경에 따라 최대값, 최소값이 A or B 로 달라질 수 있음