jquery - 如何设置div高度以自动调整背景大小？

Question

我正在制作一个响应式网站。我的问题是如何让 div 自动调整为我为其设置的背景大小而不为其设置特定高度(或最小高度)？

<style>
#master_head{
width:99%;
min-width:640px;
border:1px solid red;
min-height:50px;
background: url(http://nokiaindiacontest.com/ashalcm/images/nokia-asha-Width-banner.png) no-repeat top;
background-size: contain;   
height:540px;
}
</style>

<div id="master_head"> </div> 

演示链接:- http://jsfiddle.net/rushijogle/5fray/2/

提前致谢:)

Answer 1

工作演示:http://jsfiddle.net/gKQ7e/

这将在调整大小时将您的 div 拉伸(stretch)并保持在浏览器的顶部和底部。

移除高度:540px

添加:
位置:固定；
顶部:0;
底部:0;

#master_head{
    width:99%;
    min-width:320px;
    border:1px solid red;
    min-height:50px;
    background: url(http://nokiaindiacontest.com/ashalcm/images/nokia-asha-Width-banner.png) no-repeat top;
    background-size: contain;   
    position: fixed;
    top: 0;
    bottom: 0;
}