Javascript 使用jQuery时两个高度相同的元素—始终

我正在利用我在网上发现的一个画廊系统，根据鼠标图像的接近程度，它会成比例地增长

链接：

嗯，我修改了代码，使其具有响应性，正如您所看到的，代码正在构建中，没有明显的问题。我的问题始于使用zoom浏览器更改分辨率，即“旋转”平板电脑或手机。将鼠标悬停或用触摸键单击任何图像顶部，在其分辨率下，页面已加载，说明什么也没有发生，但当它进行小缩放时，您已经可以看到图像中的所有未对齐说明。图像高度等于宽度。宽度是相对的

我想出了一个解决问题的方法：使用jQuery。在这个框架下，我有一个初级-中级的程序，可以做一些好事。但我不知道在更改分辨率时，如何自动更改描述的大小。到目前为止，使用此代码使两者相等：

$(document).ready(function(){
$(".gallery-description").height( $(".gallery-thumbs li a img").height());
});

我希望有人能帮助我改进功能或给出其他建议！谢谢

只需响应调整大小：

---

您正在查找调整大小事件。需要稍微调整代码，但它起作用了。非常感谢

$(document).ready(resizeGallery);
$(window).resize(resizeGallery);
function resizeGallery() {
    $(".gallery-description").height( $(".gallery-thumbs li a img").height());
}