- 19일차 프론트엔드 공부 - 반응형 웹다양한 디바이스에서 접속했을 때 기기의 Viewport 규격에 반응하여 레이아웃이 자동으로 변경되는 웹페이지 를 뜻합니다. 미디어 쿼리뷰포트의 너비에 따라 웹 사이트의 스타일 시트를 수정할 수 있다.뷰포트 너비 이외에도 단말기의 종류, 해상도 등을 기준으로 설정할 수 있다.@media 미디어 쿼리 @media screen and (max-width: 500px) { // 스크린의 viewport의 너비가 500px 이하인 경우 // 적용시킬 스타일 시트} 박스입니다. 박스1 박스2 * { box-sizing: border..