Css 开发工具像素宽度和主体元素现在相同

我有一个非常奇怪的情况，chrome开发工具上显示的当前像素宽度与我右键单击body元素并查看body元素的全宽时显示的不同

例如，我正在使用

@media screen and (min-width: 992px) {
    .card {
        max-width: 356px;

    }
}

然而，我发现，当像素宽度为1240px（如开发工具上所示）时，就会应用这种样式……然而，body元素是992px。这可能是什么原因

我已将此元标记放在html中的标题上

<meta name="viewport" content="width=device-width, initial-scale=1.0">

编辑：

---

Break似乎在codepen浏览器上工作，但在本地运行时不起作用：s

请共享html和css或页面链接？可能您通过Ctrl滚轮等缩放了整个页面，因为1240/992=正好125%。重置缩放级别。@wOxxOm genius！请写下答案，我接受