Bootstrap：导航栏徽标大小

Question

我有一个 1700x700 的徽标，我的导航栏高度为 70。我想自动调整大小并使其适应我的导航栏高度。我可以使用 Photoshop 将其调整为 170x70，但问题是放大时图像质量会下降。

我尝试使用 img-responsive 但它不起作用。

谢谢！

 <a class="navbar-brand" href="index.php"></a>

.navbar-brand
{
    position: relative;
    background: url(../images/logo.png);
    width: 170px;
    left: 15px;
}

原文由 Asez 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以为此设置以下 css

 .navbar-brand {
    position: relative;
    background: url(../images/logo.png);
    width: 170px;
    left: 15px;
    background-size: contain;
}

原文由 Super User 发布，翻译遵循 CC BY-SA 3.0 许可协议