미디어 쿼리를 사용하여 반응형 웹 페이지를 만드는 간단한 예제를 제공하겠습니다. 이 예제에서는 브라우저 창 크기에 따라 배경색이 변경되는 간단한 반응형 웹 페이지를 만들어 보겠습니다.
먼저, HTML 파일을 작성합니다. 반응형 웹 페이지 예제 브라우저 창 크기를 변경해보세요.
그 다음, 동일한 디렉토리에 styles.css 파일을 생성하고 다음 코드를 추가합니다. /* 기본 스타일 */ body { font-family: Arial, sans-serif; text-align: center; transition: background-color 0.5s ease; } h1 { font-size: 2rem; } p { font-size: 1rem; } /* 미디어 쿼리를 사용한 반응형 디자인 */ @media.....
원문 링크 : 차별화된 웹디자인 솔루션으로 성공하는 비즈니스
