您好我有这个脚本,我需要当屏幕大小为1600像素背景颜色为红色,当屏幕大小为1366像素背景颜色为黑色,但我的代码不起作用,媒体查询只能工作1600像素
<div> </div>
CSS
div{
width:100%;
height:100%;
background-color:grey;
}
@media screen and (max-width:1366px){
div{
background-color:black;
}
}
@media screen and (max-width:1600px){
div{
background-color:red;
}
}
解决方法
第二种样式覆盖第一种样式.改变顺序.它会工作.
div{
width:100%;
height:100%;
background-color:grey;
}
@media screen and (max-width:1600px){
div
{
background-color:red;
}
}
@media screen and (max-width:1366px){
div
{
background-color:black;
}
}
