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

Question

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

} }

链接 - Website

我不确定要进一步调整什么，如果有任何反馈，我将不胜感激。

Answer 1

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

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

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