Question

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

以下是标题和图片的内容：

*.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。

Answer 1

css媒体查询怎么样？

Media Queries: How to target desktop, tablet and mobile?

@media queries and image swapping

Answer 2

我假设你正在使用bootstrap。你能尝试的一件事是＆＃34; padding-top：px;＆＃34;对于照片或您正在放置文件夹。我不得不使用填充来修复jumbotron的类似问题。

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

2 个答案: