반응형디자인 (1) 썸네일형 리스트형 [CSS] 미디어쿼리 Media Queries 공부했던 내용을 정리하는 용도로 오류가 있을 수 있습니다. 재배포 수정하지 마세요. css 중 반응형 웹페이지의 핵심이라고 할 수 있는것이 바로 미디어쿼리이다. 미디어 쿼리는 css3 부터 등장한 기술로 어떤 특정 조건이 충족되면 @media 규칙을 css 블록영역에서 적용시킨다. 조건식 @media (조건) { 적용할 css } @media only screen and (max-width: 600px) { body { background-color: lightblue; } } 윈도우 브라우저가 600px 이하일 경우에 배경색이 lightblue 색으로 변한다. 브레이크포인트 (Breakpoint) 우리가 웹페이지를 만들면 화면에 띄워질때 스마트폰이든 태블릿이든 그 화면 크기에 맞게 반응형으로 보여준다... 이전 1 다음