html bootstrap 图像标题不遵循标题大小

Question

您好，我目前是网页设计的新手，我的设计有问题。

我想在我的页眉左上角添加一个图像标题，但问题是当我添加图像时它不遵循标题大小，而是遵循它的原始图像大小。

我希望它自动适应页眉大小。但是每次我调整它的高度时，它都会与标题重叠，或者当我向它添加填充时，图像突然会重新调整为较小的图像。

似乎是什么问题？

这是现在的样子:

http://postimg.org/image/6djteoy6l/

我的 html 文件的片段:

 <a class="main-title navbar-brand" href="home.html"><img src="iservice.jpg" id="iLogo"/> </a>

我的 CSS 文件片段:

#iLogo{
height: 50px;
width: 200px;
padding-bottom: 20px;
}

Answer 1

尝试像图像一样为标题设置高度。或者在 jsfiddle 给出确切的例子