媒体查询大小调整不正确答案

【问题标题】：Media queries resizing incorrectly媒体查询大小调整不正确
【发布时间】：2020-03-04 15:53:00
【问题描述】：

我遇到了一些 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 Queries firing at wrong width。 TLDR; 1. 确保您的浏览器处于100% 缩放。 2. 考虑使用em 或rem 而不是px。 3.使用Javascript强制缩放/缩放浏览器窗口以获得更可靠的结果。
谢谢@EGC！这是变焦，我发誓这快把我逼疯了。

【解决方案1】：

您是否尝试过使用 @media all insted 或 @media screen ？

【讨论】：