Javascript 获得响应的背景图像高度?

Javascript 获得响应的背景图像高度?,javascript,jquery,responsive-design,Javascript,Jquery,Responsive Design,是否有任何方法可以获取响应div背景图像的当前高度 我可以得到图像的实际大小,如下所示: var img = new Image; img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, ""); var bgImgWidth = img.width; var bgImgHeight = img.height; …但这并不能告诉我屏幕大小调整后图像的大

是否有任何方法可以获取响应div背景图像的当前高度

我可以得到图像的实际大小,如下所示:

var img = new Image;
        img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
        var bgImgWidth = img.width;
        var bgImgHeight = img.height;
…但这并不能告诉我屏幕大小调整后图像的大小(背景图像设置为100%,因此随着窗口大小的调整而缩放)


有什么想法吗?

您可以根据div的宽度计算实际高度:

var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
var bgImgWidth = img.width;
var bgImgHeight = img.height;
var divWidth = $('#div').width();
var realImgHeight = ( bgImgHeight / bgImgWidth) * divWidth;

可以根据div的宽度计算实际高度:

var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
var bgImgWidth = img.width;
var bgImgHeight = img.height;
var divWidth = $('#div').width();
var realImgHeight = ( bgImgHeight / bgImgWidth) * divWidth;

div的高度是固定的。那么,如果高度是固定的,问题出在哪里呢?嘿,亚伯,你真的使用响应式设计吗?div的高度对背景图像的响应大小没有影响。它只是一个容器来展示它。@TheBounder:@abelpastr正试图免费帮助你。礼貌一点,回答得很好+1:)div的高度是固定的。那么,如果高度是固定的,问题出在哪里?嘿,Abel,你真的使用响应式设计吗?div的高度对背景图像的响应大小没有影响。它只是一个容器来展示它。@TheBounder:@abelpastr正试图免费帮助你。礼貌一点,回答得很好+1 :)