我正在构建一个响应式页面,但媒体查询的宽度大小不正确。我使用的是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
不确定问题出在哪里?
https://stackoverflow.com/questions/26696254
复制相似问题