标题样式 CSS答案

【问题标题】：Header Styling CSS标题样式 CSS
【发布时间】：2015-04-06 23:17:46
【问题描述】：

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

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

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

【问题讨论】：

max-width: 17%; ????
图像本身被截断：mdftanzania.com/wp-content/uploads/2015/01/mdf-logo-261x170.png，顺便说一句，在您的轮播中，到您网站的过渡效果非常糟糕
将高度设为 100%。
logo被覆盖是因为logo的高度高于父容器的高度。此外，标题容器的 z-index 低于以下内容，因此增加标题的高度不会解决您的问题。此外，您的徽标文本也被剪掉了。

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

这可能会有所帮助。

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

}

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

【讨论】：