标题样式CSS

Question

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

该网站取得了进展。我遇到标题问题，徽标现在部分显示，其余部分丢失。我将徽标调整为较小的尺寸，但仍然保持不变。我试图用CSS做到这一点，但我无法做到这一点。我使用这段代码：

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

但是这段代码并没有调整img的大小，而是文本mdf坦桑尼亚消失了。我看起来图像周围有一个框架，但我无法弄清楚如何在调整高度后将其放大。

Answer 1

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

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

Answer 2

这可能会有所帮助。

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

}

您可以访问here以了解宽度：自动和宽度之间的差异：100％