Maison >interface Web >tutoriel CSS >Requêtes multimédias pour définir différentes règles de style CSS pour des appareils de différentes tailles
Requêtes multimédias pour définir différentes règles de style CSS pour des appareils de différentes tailles
- WBOYavant
- 2023-08-30 23:57:031134parcourir
Définissez des requêtes multimédias pour différentes règles de style CSS, vous pouvez essayer d'exécuter le code suivant −
Exemple
Démo en direct
<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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Effet d'animation de rebond CSSArticle suivant：Effet d'animation de rebond CSS