带背景图片的超链接：如果图像太大则仅缩小图像，否则使用原始图像

Question

背景

• 自举

• 修复了每个客户端带有品牌徽标的顶部导航栏（徽标可由客户端配置，尺寸各不相同）

• 徽标是品牌超链接的背景图片

预期行为

• 如果徽标小于60px，则显示原始徽标;

• 如果徽标大于60像素，则将其缩小至60像素宽

尝试过

#logo {
  background-position: left center !important;
  background-repeat: no-repeat !important;
  max-width: 60px;
}

问题

• 在应用不同的徽标图像背景

时，由于某些原因，超链接无法进行缩放

• 如果我将宽度规则添加到#logo（宽度：60px）以给它一个静态宽度，那么大图像将被切断为60px，而不是按比例缩小;那么如果应用小徽标，由于60px静态宽度，右边会有未使用的空间

小提琴链接

点击here以启动