Javascript 调整屏幕大小时，将img高度与img宽度链接，以保持平方比

我有一组缩略图，其宽度随屏幕大小而调整。它们有一个最大宽度，但目前尚未说明高度。这些图像最终都具有相同的宽度，但高度不同，这是正确的一半

基本上，我希望它们被包含在一个正方形中，当宽度改变时，高度应该改变为与宽度相同，内部的图像会自行调整以保持纵横比。我目前有一个设置的最大高度和最大宽度，但并没有保持容器的1:1比例。图像本身不是正方形的

我的想法是，我将有多个图像相邻。如果我没有弄错的话，css变量不能绑定到没有明确声明的变量。那么如何使用javascript呢

.product-single\uuu缩略图图像{
最大宽度：100%；
最大高度：123px；
显示：块；
保证金：0自动；
填充：2px；
}

嘿，你的意思是这样的吗？ 我用了javasrcipt-tho，所以我不知道它是否算是对你的问题sry的回答

文件
#形象{
对象匹配：覆盖；
宽度：100%；
}
const image=document.getElementById（'image'））
image.height=`${image.width}`
window.addEventListener（'resize'，（）=>{
image.height=`${image.width}`
})

相关：