老师，请检查
来源：3-23 编程练习
慕斯卡0165078
2020-07-20 13:53:08
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,
user-scalable=no,maximum-scale=1,minimum-scale=1">
<title>Document</title>
<style>
p{
color:red;
text-align:center;
}
/*此处写代码*/
@media(max-width:1100px){
p{
color:orange;
}
}
@media(max-width:960px){
p{
color:yellow;
}
}
@media(max-width:800px){
p{
color:green;
}
}
@media(max-width:750px){
p{
color:cyan;
}
}
@media(max-width:600px){
p{
color:blue;
}
}
@media(max-width:450px){
p{
color:purple;
}
}
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>
1回答
-
同学你好，代码正确，很棒，祝学习愉快！
0
