Html 媒体查询不起作用&；最大宽度问题

我的logo-bar_项目类的最大宽度存在一些问题。我在两个断点处设置了两个媒体查询，但它们也不起作用。谢谢你的帮助，我对html/css很陌生

每个徽标应均匀分开，并随着屏幕尺寸的减小而减小

@media screen and (max-width: 1200px){
  .logo-bar_item {
    max-width: 130px;
  }
}
@media screen and (max-width: 600px){
  .logo-bar_item {
    max-width: 100px;
  }
}

您刚才跳过了

@

和

{}

并且，如果要使

img

遵循父级的

最大宽度

，请添加它

.logo-bar_item > img {
  width:100%;
}

您刚才跳过了

@

和

{}

并且，如果要使

img

遵循父级的

最大宽度

，请添加它

.logo-bar_item > img {
  width:100%;
}

---

您的两个媒体查询需要有

{}

环绕

.logo-bar\u项

规则：

媒体屏幕和（最大宽度：1200px）{.logo-bar\u项{…}

@ObsidianAge无所谓

@

？您的两个媒体查询需要有

{}

环绕

.logo-bar_项目

规则：

媒体屏幕和（最大宽度：1200px）{.logo-bar_项目{…}

@obsidiange没有

@

没有关系吗？

.logo-bar_item > img {
  width:100%;
}