css媒体查询无法正常工作

我有一个divlanguages模块，它位于页面标题上的图像顶部。div具有绝对位置，因此它位于图像的顶部

问题是，当窗口的宽度调整到1499px以下时，浏览器没有加载正确的css，因为它使用了第二个媒体查询最大宽度：1500px

以上其他媒体查询工作正常

@media (max-width: 2500px) {
    .mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;}
}

@media(max-width:1500px) {
    .mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;}
}

} @media(max-width:1499px) {
    .mydiv{position:absolute; top:0; left:0; padding-left: 700px;padding-top: 130px;}
}

我需要帮助来编写这些查询

---

谢谢

尝试切换到最小宽度，看看这是否解决了您的问题。或者，如果这不能解决问题，您必须尝试以下方法：

@media (min-width: 1500px) and (max-width: 2499px) {
    .mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;
}

---

上次媒体查询之前有一个额外的括号

---

抱歉

删除上次媒体查询@mediamax width:1499px之前用粗体标记的括号。还有一个额外的括号

@media (max-width: 2500px) {
.mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;}
}

@media(max-width:1500px) {
.mydiv{position:absolute; top:0; left:0; padding-left: 920px;padding-top: 160px;}
}

**}** @media(max-width:1499px) {
.mydiv{position:absolute; top:0; left:0; padding-left: 700px;padding-top: 130px;}
}

---

你有一个我们可以看的例子吗？事实上没有。我无法将其上传到live Server上。你必须查看CSS中的其他内容是否存在冲突-检查开发工具并查看样式的来源。按f12键并检查有问题的元素。没有冲突