我有相同宽宽比的图像(300 Px255 in )在div中占宽度的31%左右,在桌面/平板电脑上生成3列,然后在移动平台上显示全宽。图像缩放到100%内的div,高度设置为自动。我需要将它们从img标签更改为背景图像。
**HTML:**
<div class="hotels">
<img src="http://www.telodesign.com/test/cavallo-300.jpg" alt=""><br>
Here's a title
</div>
<div
有没有什么方法可以得到响应式div背景图像的当前高度?
我可以像这样得到图像的实际大小:
var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");
var bgImgWidth = img.width;
var bgImgHeight = img.height;
...but在调整屏幕大小后不会告诉我图像的大小(背景图像被设置为100%,因此随着窗口大小的