2015-02-06 80 views
1

我目前在网站上工作:http://mdftanzania.com/Header造型CSS

该网站是由进展。我遇到了标题问题,标志现在出现了一部分,剩下的部分不见了。我将徽标尺寸调整为较小的尺寸,但仍保持不变。我试图用CSS来做,但我无法做到这一点。我使用这段代码:

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

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

+0

'最大宽度:17%;'' – 2015-02-06 18:16:50

+2

图像本身被切断:http://mdftanzania.com/wp-content/uploads/2015/01/mdf-logo-261x170.png,转换到您的网站很顺利btw,在你的旋转木马 – indubitablee 2015-02-06 18:17:50

+0

使身高100%。 – eclipsis 2015-02-06 18:19:40

回答

1

下面的意志尺寸的图像,使所有的它是可见:

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

这可能有帮助。

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

}

您可以访问here了解宽度之间的差异:汽车及宽度:100%