如果它的响应,获取图像的高度和宽度

时间:2017-03-17 16:47:40

标签: javascript jquery html image crop

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

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

这是桌面视图

enter image description here

这是移动视图

enter image description here

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

1 个答案:

答案 0 :(得分:3)

您可以使用jQuery来完成此任务:

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