html - 当我在 CSS 中定义较小的尺寸时，标题中的 Logo 图像的尺寸不会改变

Question

Website Screenshot : 我的 Logo 图像默认为 264x84px。它位于 69 像素高的标题中，高度已定义为 50 像素，但 Logo 不会改变大小。它比标题大

我尝试过设置 max-height 并进行修改，然后将其设置得更小，看看是否有帮助，但它根本不会调整大小

///html///

<div class='heading'>
        <a class='logo' href="../index.html"><img src="img-tea-cozy-logo.png"></a>

///html///

///css///

.logo {
    height: 50px;
    float: left;
}

.heading {
    position: fixed;
    width: 100%;
    top: 0;
    border-bottom: 1px solid seashell;
    height: 69px;
}

///css///

我不明白为什么图像保持相同的大小

Answer 1

您需要直接设置图像的高度或在其上设置对象适合。 当前图像扩展到父元素边框的方式。