我正在构建一个响应页面，媒体查询的宽度大小不正确.我正在使用Chrome.
@media screen and (max-width: 1200px) {
.logo-pic {
display: none;
}
}
例如，这条规则是有效的，它只是在错误的大小下开火.此规则以1320px而不是1200px触发. 我已经准备好html的meta标记.它似乎比正常情况下激发媒体查询的范围扩大了100个像素左右.
<meta name="viewport" content="width=device-width, initial-scale=1">
我判断了我创建的前一个响应站点，这些断点都在正确触发.我已经在不同的网站上测试了这款浏览器，媒体查询也很好.
我在堆栈溢出上发现了一个类似的问题，但没有得到回答.
Media Queries breakpoint at wrong value个
不确定是什么问题？
发生这种情况的常见原因是将浏览器窗口zoom 到100%以外的大小.在浏览器中， Select 下拉菜单"查看"，并确保将其设置为100%.如果放大或缩小，将不适当地触发媒体查询.
别担心会觉得尴尬.这件事可能已经发生了，也可能会发生在每个人身上.但只有一次.
为了避免这个问题，您应该考虑使用相对单位(em或rem而不是px)定义媒体查询.
您还可以强制使用javascript在页面加载时将浏览器zoom 级别设置为100%.
document.body.style.webkitTransform = 'scale(1)';
document.body.style.msTransform = 'scale(100)';
document.body.style.transform = 'scale(1)';
document.body.style.zoom = screen.logicalXDPI / screen.deviceXDPI;