如果图像响应，则获取图像的高度和宽度

Question

如果我使用带有“img-responsive”类的img并且没有给出任何高度、宽度、最大高度、最大宽度等，如何在jquery中获取图像的高度和宽度。

我不想要我们可以从 getHeight 和 getWidth 获得的 Image 的真实高度和宽度，但我想要我能够在移动浏览器中看到的确切高度和宽度，我看到的高度和宽度很小，并且在台式机或笔记本电脑中，高度和宽度更大。

这是桌面视图

这是移动视图

我想知道我的屏幕有多少像素被该图像覆盖。

Answer 1

您可以使用 jQuery 来完成此操作：

$(window).resize(function(){
    var imgWidth = $('.yourImage').width();
    var imgHeight = $('.yourImage').height();
});