有两个问题
<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、我看有一个问题中老师说没有设置移动端的声明，会不能正常显示效果；可是另外的作业大部分都没有声明，老师们却也说实现效果正确，没有问题？它到底重不重要？要不要声明？
正在回答
同学你好，同学自己都说了啊，不打开控制台的话，浏览器最小只能缩小到484px，满足不了条件，所以就不能显示紫色。但是打开控制台可以将页面宽度缩小到450以下，就能显示紫色了。
至于为什么不打开控制台浏览器就只能缩小到484px，这不是我们关心的问题，开发出来的软件就是这样的。
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星