Header 样式 CSS

Question

我目前正在网站上工作：http://mdftanzania.com/

网站由headway制作。我遇到 header 的问题，徽标现在部分出现，其余部分不见了。我将徽标调整为较小的尺寸，但它仍然保持不变。我试图通过 CSS 做到这一点，但我无法做到这一点。我使用此代码：

.block-type-header img {max-width: 100%; 
height: 100px;}

但是这段代码并没有调整 img 的大小，而是文本 mdf tanzania 消失了。我看起来像图片周围有一个框架，但我不知道如何在调整高度后将其变大。

Answer 1

这可能会有所帮助。

.block-type-header img{
    max-width: 100%;
    height: auto;
    width: 100%;

}

您可以访问 here 了解 width: auto 和 width: 100% 的区别

Answer 2

以下将调整图像大小，使其全部可见：

.block-type-header img {
    height: 100%;
    max-width: 100%;
}