为啥用浏览器的手机模式调试时不变颜色，一直都是黄色，明明换了好几种手机了
来源：3-23 编程练习
milulelele
2020-07-30 05:42:25
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
color:red;
text-align:center;
}
/*此处写代码*/
/*pc first*/
@media {
p{
color:#9980FA;
}
}
@media screen and (min-width:450px){
p{
color:#0652DD;
}
}
@media screen and (min-width:600px){
p{
color:#A3CB38;
}
}
@media screen and (min-width:750px){
p{
color:#009432;
}
}
@media screen and (min-width:800px){
p{
color:#FFC312;
}
}
@media screen and (min-width:960px){
p{
color:#F79F1F;
}
}
@media screen and (min-width:1100px){
p{
color:#EA2027;
}
}
</style>
</head>
<body>
<p>
我的颜色会随着屏幕大小的变化而变化。
</p>
</body>
</html>写回答
1回答
-
好帮手慕星星
2020-07-30
同学你好，代码中设置紫色样式处建议添加条件，只写@media不太规范，参考
针对提问回复：
需要添viewport，让页面宽度和是视口宽度相等
<meta name="viewport" content="width=device-width, initial-scale=1.0">
效果
自己再测试下，祝学习愉快！
0
相似问题
浏览器中的移动设备模拟器
回答 1
为什么屏幕文字颜色不随屏幕的大小变化
回答 1