相关疑难解决方法(0)

媒体查询以错误的宽度触发

我正在构建一个响应式页面,媒体查询的宽度大小错误.我正在使用Chrome.

@media screen and (max-width: 1200px) {
 .logo-pic {
    display: none;
}
}
Run Code Online (Sandbox Code Playgroud)

例如,此规则适用于仅以错误的大小触发.此规则以1320px而非1200px激发.我有html的meta标签.它似乎是触发媒体查询100左右像素比它应该更宽.

<meta name="viewport" content="width=device-width, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

我检查了我之前的响应网站,这些断点正在正确触发.我在不同的网站上测试了浏览器,媒体查询也很好.

我发现了一个关于堆栈溢出的类似问题,但它没有得到答复.

介质查询错误值的断点

不确定是什么问题?

html css meta-tags media-queries

55
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

media-queries ×1

meta-tags ×1