我有一个图片库，单击时会增长。我使用以下jQuery代码设置高度值，以便图像始终以4/3的比率显示。

var gallery_item_width = $(".gallery-item").width();
var gallery_item_height = (gallery_item_width / 4) * 3;
$(".gallery-item").css("height", gallery_item_height);

虽然我的代码在桌面上工作正常，但当我切换到移动视图时，我的jQuery代码不工作，图像的高度等于一行高。

为什么我的代码不能在移动设备上正常工作？感谢您的帮助

HTML

var gallery_item_width = $(".gallery-item").width();
var gallery_item_height = (gallery_item_width / 4) * 3;
$(".gallery-item").css("height", gallery_item_height);

CSS

var gallery_item_width = $(".gallery-item").width();
var gallery_item_height = (gallery_item_width / 4) * 3;
$(".gallery-item").css("height", gallery_item_height);

jQuery

var gallery_item_width = $(".gallery-item").width();
var gallery_item_height = (gallery_item_width / 4) * 3;
$(".gallery-item").css("height", gallery_item_height);

顺晟科技：

此问题与JQuery无关。它是由以下CSS引起的。