我一直在尝试在桌面上查看时放大我们网站的徽标,但似乎没有任何代码有效。我试过这个的不同版本但失败了
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;
}
}
您可以调整媒体查询和徽标宽度。
@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;
}
}
您可以调整媒体查询和徽标宽度。