Bootstrap Navbar：父实体<a> retains natural width of scaled down child-img</a>的宽度

Question

我没有在导航栏中显示品牌作为文字，而是包含了品牌标识的img，我因为“最大宽度50％”的响应原因缩小了该标识。 img的父级是超链接标记。问题：遗骸的宽度显示img的原始宽度100％（350px而不是350px的50％）。我找不到解决办法，请求你的帮助。

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
    <a class="navbar-brand" href="#" style="background-color: black;">
        <img src="http://placehold.it/350x150" style="max-width: 50%;">
    </a>
</div>