有两个问题
来源：3-23 编程练习
Aurora_Meteor
2020-04-19 20:48:51
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
color: purple;
text-align: center;
}
/*此处写代码*/
@media (min-width: 450px){
p{
color: blue;
}
}
@media (min-width: 600px){
p{
color: cyan;
}
}
@media (min-width: 750px){
p{
color: green;
}
}
@media (min-width: 800px){
p{
color: yellow;
}
}
@media (min-width: 960px){
p{
color: orange;
}
}
@media (min-width: 1100px){
p{
color: red;
}
}
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>
1、为什么我按老师说的移动端优先的设置方法设置后，屏幕宽度最多只能缩小到484px？显示不了紫色
2、我看有一个问题中老师说没有设置移动端的声明，会不能正常显示效果；可是另外的作业大部分都没有声明，老师们却也说实现效果正确，没有问题？它到底重不重要？要不要声明？
2回答
-
同学你好，同学自己都说了啊，不打开控制台的话，浏览器最小只能缩小到484px，满足不了条件，所以就不能显示紫色。但是打开控制台可以将页面宽度缩小到450以下，就能显示紫色了。
至于为什么不打开控制台浏览器就只能缩小到484px，这不是我们关心的问题，开发出来的软件就是这样的。
祝学习愉快~
0 -
好帮手慕粉
2020-04-20
同学你好，关于同学的问题回答如下：
1、老师这边测试，是可以显示紫色的，当屏幕小于450px时：
2、由于这个练习题是在pc端页面测试的，所以不设置移动端也没什么影响。如果同学需要在移动端进行测试，那就需要加上，如果不需要，就不用加。
祝学习愉快~
0h020-04-20
