1. 반응형 웹 (Responsive Web)
화면의 크기에 따라서 웹페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀌게 하는 것
어떠한 환경에서도 그에 맞게 사이즈가 변화되어 사용자가 보기 편리하게 만드는 웹
2. 미디어 쿼리
@media(min-width:800px){
div{
display:none;
}
}
화면의 크기가 최소 800px 즉, 800px보다 화면이 크다면 div 태그를 보이지 않게 해라.
1) @media(min-width:800px){
}
→ 화면의 크기가 최소 800px 즉, 800px보다 화면이 클 때 ~해라.
2) @media(max-width:800px){
}
→ 화면의 크기가 최대 800px 즉, 800px보다 화면이 작을 때 ~해라.