3-23 检查一下
来源:3-23 编程练习
ZZZZZzn
2020-07-01 23:29:14
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
color:red;
text-align:center;
}
@media(min-width:1100px){
p{color:red;}
}
@media(max-width:1099px){
p{color:orange;}
}
@media(max-width:959px){
p{color:yellow;}
}
@media(max-width:799px){
p{color:green;}
}
@media(max-width:749px){
p{color:#006633;}
}
@media(max-width:599px){
p{color:blue;}
}
@media(max-width:449px){
p{color:purple;}
}
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>
1回答
好帮手慕久久
2020-07-02
同学你好,代码正确,很棒,祝学习愉快!
相似问题