媒体查询大小调整不正确

Posted 2021-04-28

我对某些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执行。

我不知道我在做什么错，但是我确定这是菜鸟的错误。如果有人可以帮助我，将不胜感激。

答案

您是否尝试过使用由@media all插入的@media screen？