CSS媒体查询正在应用于桌面大小

我有一个奇怪的问题，我有这个部门

    position: absolute;
  top: 14px;
  right: -220px;

  @media (max-width:375px) {
    left: 40px;
  }

---

还有，为什么在桌面尺寸上也采用375px的样式。请问有什么解决方案吗？我不知道如何解决此问题将媒体查询更改为：

@media only screen and (max-width:375px) {
}

并将以下行添加到HTML文件中（

head

element）

您的css应该如下所示：

.my-responsive-class{
    top: 14px;
}

@media only screen and (max-width:375px) {
    .my-responsive-class{
        top: 40px;
    }
}

然后将该类添加到您的div：

---

请分享您的html代码或向我们展示实时演示。当媒体查询匹配时，您有

权限：-220px和
左：40px同时应用于元素。如果你不想
正确：-220px
若要在这种情况下应用，则必须在媒体查询中覆盖该属性，例如使用
right:auto（如果这是你想要的-有一个如此糟糕的问题，谁可能知道呢？请在你下次在本网站上发布之前阅读，谢谢。）