html - 我需要帮助使页眉背景图像可缩放

Question

您好，正如标题所说，我需要使页眉的背景图像可缩放，这样您仍然可以在任何设备上看到图像并能够阅读文本，这可能吗？我目前正在 pogl.co/上工作，这是需要更改的地方。我需要它像 www.blacksmithsarms.com/

非常感谢任何帮助

谢谢 乔希

编辑:这就是我现在拥有的

.bill-board{
background: url(../img/backgrounds/rig.jpg) no-repeat;
margin: 0;
padding: 0;
}

我希望它像这样可扩展

http://imgur.com/UgREGpT,uwHCj58

Answer 1

试试这个:不要使用背景图片，而是直接使用 img 标签。

 <div class="bill-board">
    <img src="img/backgrounds/rig.jpg"/>
 </div>

风格

.bill-board img{
  height:auto;
}