我一直在尝试在桌面上查看时放大我们网站的徽标,但似乎没有任何代码有效。我试过这个的不同版本但失败了

I've been trying to enlarge the logo of our site when viewed on desktop but no code seems to work. I've tried different versions of this but failed

@media (max-width: 150px) {
.logo .standard-logo {
height: 80px;

} }

Link - Website

我不确定要进一步调整什么,欢迎任何反馈。

@media (max-width: 150px) 表示您的规则仅适用于浏览器 window 宽度为 150 像素或更小的情况。此外,设置徽标的高度会使它变形,因为它的宽度是有限的。 我建议像这样:

@media (min-width: 1170px) {
  #header .logo {
    max-width: 180px;
  }
}

您可以调整媒体查询和徽标宽度。