WordPress标题图片没有响应

Question

我仍在尝试使响应式Web设计变得一窍不通。

随着浏览器变得越来越小，我无法缩放标题图像。

这是网站

http://instreamenergy.com/strategic-partnerships/

如果我尝试使.header-image #header＃title-area height：100％或其他任何值，它只会恢复为20px或其他值，并停留在该位置。

任何提示都很棒！ 谢谢

Answer 1

我认为您正在寻找CSS3属性， background-size因为您的图像是DIV的背景图像。

• 拉伸和缩放CSS背景
• http://caniuse.com/background-img-opts

如果使用的是图像标签，请<img>可以执行以下操作：

img {
     max-width: 100%;
}

您还需要摆脱CSS中对#title-area 。 看起来好像不需要floated: left; 或有overflow: hidden; 。 删除width ，将height更改为min-height 。 no-repeat添加到background 。

我将其更新为：

#title-area {
     background: url(your-image.jpg) no-repeat;
     padding-left: 0;
     min-height: 386px;
     float: none;
     overflow: visible;
     background-size: 100% auto;
}