다양한 크기의 장치에 대해 다양한 CSS 스타일 규칙을 설정하는 미디어 쿼리
- WBOY앞으로
- 2023-08-30 23:57:031101검색
다양한 CSS 스타일 규칙에 대한 미디어 쿼리를 설정하려면 다음 코드를 실행해 보세요. −
Example
Live 데모
<html>
<head>
<style>
body {
background-color: lightpink;
}
@media screen and (max-width: 420px) {
body {
background-color: lightblue;
}
}
</style>
</head>
<body>
<p>If screen size is less than 420px, then it will show lightblue color, or else it will show light pink color</p>
</body>
</html>위 내용은 다양한 크기의 장치에 대해 다양한 CSS 스타일 규칙을 설정하는 미디어 쿼리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：CSS 바운스 애니메이션 효과다음 기사：CSS 바운스 애니메이션 효과