请问老师为什么没有变化？
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
color:red;
text-align:center;
}
/*此处写代码*/
@media screen and (min-width: 1100px){
p{
color: red;
}
}
@media screen and (max-width: 1100px) and (min-width: 960px){
p{
color: orange;
}
}
@media screen and (max-width: 960px) and (min-width: 800px){
p{
color: yellow;
}
}
@media screen and (max-width: 800px) and (min-width: 750px){
p{
color: green;
}
}
@media screen and (max-width: 750px) and (min-width: 600px){
p{
color: cyan;
}
}
@media screen and (max-width: 600px) and (min-width: 450px){
p{
color: blue;
}
}
@media screen and (max-width: 450px){
p{
color: violet;
}
}
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>35
收起
正在回答
2回答
亲，经测试是有效果的呢，你得改变浏览器的窗口大小才可以哦，改变浏览器窗口大小变化方法如下：
希望可以帮到你~
相似问题
请问老师有什么区别
1
0
4
请问老师渐变遮罩
3
1
12
为什么balance的值没有变化
7
0
5
switch 中变量的生成和回收
20
0
3
这里说的最开始是没有值是什么意思呢？
14
0
3
登录后可查看更多问答，登录/注册
响应式开发与常用框架 2018
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星