html:
<div class="zhuanpanbg">
<div id="zhuanpan">
<img id="img" class="rotary-table" src="images/zhuanpan.png">
</div>
</div>
css:
.zhuanpanbg{background:url(../images/bg1.png) no-repeat; width:100%; height:auto; background-size:100% auto; -webkit-background-size:100% auto;padding-bottom:1.38rem;}
js:
//获取bg图片的高度并赋值
function bgSize($el, cb){
$('<img />')
.load(function(){ cb(this.width, this.height); })
.attr('src', $el.css('background-image').match(/^url\("?(.+?)"?\)$/)[1]);
}
bgSize($('.zhuanpanbg'), function(width, height){
console.log('width : ' + width + ' height : ' + height); //打印背景图的宽度和高度
$(".zhuanpanbg").css("height",height)
});