창 크기에 따라 css 조절

창 크기에 따라 font-size를 조정하려면 CSS의 @media 규칙을 사용하여 조건부로 스타일을 적용할 수 있습니다. @media 규칙은 미디어 유형과 유형에 따라 스타일을 적용하는 조건을 정의합니다. 예를 들어, 다음 CSS 코드는 브라우저의 폭이 600px보다 작을 때 font-size를 16px에서 12px로 변경합니다. @media (max-width: 600px) { .inner { font-size: 12px; } } 반대로, 다음 코드는 브라우저의 폭이 600px보다 크거나 같을 때 font-size를 16px에서 24px로 변경합니다. @media (min-width: 600px) { .inner { font-size: 24px; } } 이렇게 @media 규칙을 사용하면 브라우저의 ..

2023.03.30