老师检查一下
来源：3-23 编程练习
慕斯卡3605978
2020-07-10 13:40:20
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
color:red;
text-align:center;
}
/*此处写代码*/
p{
color: purple;
}
@media screen and (min-width: 451px){
p{
color: blue;
}
}
@media screen and (min-width: 601px){
p{
color: #008844;
}
}
@media screen and (min-width: 751px){
p{
color: green;
}
}
@media screen and (min-width: 801px){
p{
color: yellow;
}
}
@media screen and (min-width: 960px){
p{
color: orange;
}
}
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>
写回答
1回答
-
同学你好，经测试视口大于1100px的时候，字体颜色没有变为红色。这是因为媒体查询的条件是最小宽度为960px，这样包括了110px，所以颜色为橘色。建议添加上
自己再测试下，祝学习愉快！
0
相似问题