민희의 코딩일지

1- 반응형 웹이란? 다양한 디바이스에서 접속했을 때 기기의 viewport 규격에 반응하여 레이아웃이 자동으로 변경되는 웹페이지이다. 2- 미디어 쿼리 viewport의 너비에 따라 웹사이트의 스타일 시트를 수정할 수 있게 해주는 CSS의 기능이다. @media screen and (max-width: 500px) { /* 스크린의 너비가 500px 이하일 경우 적용시킬 스타일 시트를 작성한다. */ } @media: 미디어 쿼리를 사용한다. screen: 미디어 타입이다. 이 페이지가 디지털 화면, 즉 screen에 노출되었을 때 중괄호 안에 입력한 스타일 시트를 적용한다. max-width: 500px: viewport 너비가 500px 이하일 경우 해당 스타일 시트를 적용한다. and: scree..