CSS @media 속성을 사용하는 방법

css @media 속성 정의 및 사용법

@media 쿼리를 사용하면 다양한 미디어 유형에 대해 다양한 스타일을 정의할 수 있습니다.

@media는 다양한 화면 크기에 맞게 다양한 스타일을 설정할 수 있습니다. 특히 반응형 페이지를 설정해야 하는 경우 @media는 매우 유용합니다.

브라우저 크기를 재설정하면 브라우저의 너비와 높이에 따라 페이지도 다시 렌더링됩니다.

예

문서 너비가 300픽셀 미만인 경우 배경색을 수정하세요.

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

Syntax

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

미디어마다 다른 스타일시트를 사용할 수도 있습니다

<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">

미디어 유형

위 내용은 CSS @media 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!