반응형 웹 이란??

반응형 웹 (responsive web)

 

웹 디자인 기법중 하나로, 디스플레이 종류에 반응해, 그에 맞도록 적절하게 UI가 변하며 유기적으로 배치되도록 설계한 웹

 

즉, pc에서 제대로 보이던게, 모바일에서는 깨지고, 태블릿에서는 깨지지 않도록 pc에서 하나만 만들어도 

잘 되도록 만든 웹 

 

미디어 쿼리 

-  CSS3에서 본격적으로 쓰이기 시작한 웹기법

-  디바이스 폭, 높이 등의 정보를 가지고 스타일을 개별적으로 줄 수 있음 

 

@media 미디어 타입 (너비 및 높이) {
    (CSS 입력)
}