Javascript 无法将响应图像设置为相同大小。使用横向广告人像图像

我正在为自己制作一个摄影网站，希望有一个由6张图片组成的响应网格。我有一个函数，可以从我的公文包中随机抽取六幅图像，并在每个页面加载时显示不同的图像。我有一个非常困难的时间有相同大小的图像。我只想让它们大小都一样，然后我就可以处理像“对象适合”这样的东西来获得最终结果。 我正在使用bootstrap来创建我的网格和响应能力

正文{
背景色：#3c3e59；
}
.集装箱{
背景色：#464968；
}
.拇指指甲{
高度：自动；
宽度：100%；
边缘顶端：2rem；
边界半径：3px；
盒影：2.5px2.5px2.5px2#b8b8d1；
-莫兹盒阴影：2.5px2.5px2.5px2#b8b8d1；
-网络工具包盒阴影：2.5px2.5px2.5px2#b8b8d1；
-khtml盒影：2.5px2.5px2.5px2#b8b8d1；
}

该死的网格

我的建议是将图像作为div的背景图像加载，并具有定义的宽度/高度。然后可以设置

背景图像：cover。这是最简单的方法，依我看。