[CS : CSS] 반응형 웹의 3요소, 반응형 웹과 적응형 웹

반응형 웹의 3요소

1. 그리드 레이아웃 : 부모 요소에 display : grid 속성을 넣어준다
2. 가변형 이미지 : max-width, width, min-width 등을 이용해 화면 너비에 따라 높이와 너비가 바뀌는 이미지
3. 미디어 쿼리 :

미디어 쿼리는 화면(screen), 티비, 프린터와 같은 미디어 타입(media type)과 적어도 하나 이상의 표현식(expression)으로 구성된다.
미디어 쿼리는 css3에 포함되어 있으며 컨텐츠의 변경 없이 주로 화면의 크기에 따라 스타일 시트를 달리하여 적절한 모양을 보여줄 수 있다.

반응형 웹과 적응형 웹에 대해 설명하시오

반응형 웹 : 하나의 웹 사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법

적응형 웹 : 사용자의 기기 및 해상도의 정보를 미리 받아서 조건에 맞는 화면을 보여주는 것. 즉 반응형 웹페이지는 1개의 웹 페이지라면 적응형 웹은 2개 이상의 웹 페이지 존재.