Wordpress标题图像没有响应

Question

我仍然试图掌握响应式网页设计的内容。

随着浏览器变小，我无法获得标题图像。

这是网站，

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

如果我尝试制作.header-image #header #title-area height：100％或其他任何东西它只是恢复到20px或其他东西并且卡在那里。

任何提示都会很棒！ 感谢

Answer 1

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

• Stretch and scale CSS background
• 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;
}