为不同大小的设备设置不同CSS样式规则的媒体查询
要为不同的CSS样式规则设置媒体查询,您可以尝试运行以下代码-
示例
<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>热门推荐
10 节前送温暖祝福语简短
11 叔叔生日祝福语简短搞笑
12 周二祝福语大全简短
13 生日祝福语舅舅 简短独特
14 老考试顺利祝福语简短
15 表达家人的祝福语简短
16 写字生日祝福语简短独特
17 怎样给人送祝福语简短
18 麻辣拌店祝福语简短