css - 影响桌面的媒体查询

Question

我已经为特定的 div 设置了最大宽度 812px 的媒体查询，但由于某种原因这会影响桌面。

我试图将媒体查询更改为“仅媒体屏幕”。我还删除了浏览器历史记录、缓存和 cookie，因为这可能会产生一些干扰。

CSS 桌面代码

.contact-footer{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 30px;
  background:#90634b;
  color:white;
  bottom:0;
}

CSS 媒体查询

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

.contact-footer{
padding-bottom: 150px;
margin-bottom: 20px;
width:315px;
}

}

正在做的是将背景减半(这确实应该但在移动版本中不是桌面但也在桌面上这样做)。

谢谢

Answer 1

仅供引用，我已经解决了它。

CSS 媒体查询代码需要先是 css 文件中的桌面 css。