使用图像自动调整头部高度答案

【问题标题】：Auto adjust head height with an image使用图像自动调整头部高度
【发布时间】：2016-08-09 00:34:10
【问题描述】：

我有一个 1903 x 475 像素的图像，并且我的标题中有一个集合。我必须将标题高度设置为 475px 才能看到图像。在我测试较小的屏幕之前，一切看起来都很棒。我添加了一个 100% 的背景大小，它允许图像自动调整，但标题高度保持在 475 像素。我觉得看起来很简单的技术，但是随着屏幕尺寸变小，我需要标题来匹配图像的高度。

这是我的标题和图片：

*.navbar.navbar-default.navbar-static-top {
    margin-bottom: 25px;
    background: url(../images/flavor-westbg.jpg)top center no-repeat;
    background-size: 100%;
    min-height: 475px;
    width: auto;
}*

哦，最后一件事。我只能为这个项目调整 CSS。

【问题讨论】：

请分享header html代码以方便调试

标签： css image header height

【解决方案2】：

我假设您正在使用引导程序。您可以尝试的一件事是“padding-top: px;”对于照片，或者您将文件夹放在下面。我不得不使用填充来解决与 jumbotron 类似的问题。

【讨论】：