CSS반응형1 [CSS] 반응형 웹 반응형 웹 반응형웹이란? 다양한 디바이스에 접속했을 때, 기기의 viewport 규격에 반응하여 레이아웃이 자동으로 변경되는 웹페이지 미디어쿼리란? 뷰포트의 너비에 따라 웹사이트의 스타일 시트를 수정할 수 있다. 뷰포트 너비 외에도 단말기의 종류, 해상도 등을 기준으로 설정할 수 있다. @media 미디어 쿼리 @media screen and (max-width : 500px) { // 스크린의 viewport 너비가 500px 이하일 경우 // 적용시킬 스타일 시트 } breakPoint 반응형 웹 사이트 작업의 기준이 되는 중단점을 말한다. 간단하게 말해서, pc / 태블릿 / 모바일의 기준이 되는 규격 분기! 반응형웹에서 자주 쓰이는 속성 max-width & max-height 해당요소의 최대 너.. 2024. 4. 9. 이전 1 다음
