媒体查询不能正常工作

Question

我不知道为什么我应用的媒体查询不适合特定的屏幕大小。container类正常工作，但当媒体查询

时不工作

container {
background: url(imaggg/astronaut2.png);
background-position: center;
background-size: 90px;
background-repeat: no-repeat;
padding: 2.3% 12.5%;
width: 29%;
height: 17%;
}

@media (max-width: 800px) {
.container {
background: none;
background-position: center;
background-size: 90px;
background-repeat: no-repeat;
padding: 2.3% 12.5%;
width: 29%;
height: 17%;
}
}

Answer 1

您应该在@media之后添加screen and

@media screen and (max-width: 800px) {
.container {
background: none;
background-position: center;
background-size: 90px;
background-repeat: no-repeat;
padding: 2.3% 12.5%;
width: 29%;
height: 17%;
}
}