Css 分辨率低于媒体查询中的分辨率,但仍然不起作用

Css 分辨率低于媒体查询中的分辨率,但仍然不起作用,css,media-queries,Css,Media Queries,我的问题是,我的媒体查询可以工作,但不能立即执行: @media screen and (max-width: 1520px) { .class { width: 75px; } } 元: <meta name="viewport" content="width=device-width, initial-scale=1"> 在开发工具中,此媒体查询在1368px下工作,而在1520-1369之间不工作。

我的问题是,我的媒体查询可以工作,但不能立即执行:

    @media screen and (max-width: 1520px) {
        .class {
          width: 75px;
        }

    }

元:

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

在开发工具中,此媒体查询在1368px下工作,而在1520-1369之间不工作。有什么想法吗

我检查了是否有其他类覆盖了这个
.class
,但没有<代码>类在1368px之前不显示

将“最大宽度”设置为1368px时,它在1231px和以下之前不工作…1368px-1231px之间不工作。真奇怪


然后您应该在浏览器中检查元素,查看它是否被css文件中的另一个定义覆盖,或者css文件中的元素是否未加载。然后,您可以决定向类查询添加更多条件,或者(不是一个好选项)添加!对值很重要,比如75px!重要的


为了确保缩放到100%:)

您的代码中有任何其他媒体查询代码与此冲突吗?请添加您的所有css代码我有几百行代码CSF,例如处于响应模式的chrome开发工具有一个可视化所有媒体查询的选项。有趣的事实,在响应模式下,这种媒体查询可以正常工作,但如果我在笔记本电脑上检查它,它不会被我忘记,我像你一样声明不,我以前也像你一样声明过,只是在POST中忘记了我确实尝试过,但在工具中没有覆盖类,我的显示仅在1368px上,所以你的意思是从1368px开始,宽度:75px没有出现在开发工具的任何地方?或者它出现了,但只是没有被应用