媒体查询的大小调整不正确

Question

我遇到了一些CSS媒体查询的新手问题。你看，我的头中已经有了<meta name="viewport" content="width=device-width, initial-scale=1">标记。但是，当我运行媒体查询时。。。

@media screen and (min-width: 800px) and (max-width: 1281px){
body{
display: none;
}
}

它并没有按照预期的方式工作。我在Mac Pro 13中工作，查询实际上从640px到1025px执行。

我不知道我做错了什么，但我确信这是一个新手的错误。如果有人能帮助我，我将不胜感激。

Answer 1

您尝试过使用@media all而不是@media screen吗？