Javascript 仅在需要时在CSS中强制执行最大高度

Javascript 仅在需要时在CSS中强制执行最大高度,javascript,jquery,css,Javascript,Jquery,Css,我将要显示的图片是400x300,将以div进行相应缩放(低至200x150)。现在由于显示尺寸不同,我不知道图像的缩放比例,但是我想强制执行4:3的比例。不幸的是,就我所知,在CSS中没有这样的方法:max height:width*1.3 我在jQuery中尝试了这一点,但最大高度属性设置为0: $(“.image”).attr('max-height',$(.image”).width()*1.3+“px”) 在纯CSS或jQuery中是否有实现这一点的方法?您应该使用而不是 max he

我将要显示的图片是400x300,将以div进行相应缩放(低至200x150)。现在由于显示尺寸不同,我不知道图像的缩放比例,但是我想强制执行4:3的比例。不幸的是,就我所知,在CSS中没有这样的方法:
max height:width*1.3

我在jQuery中尝试了这一点,但最大高度属性设置为0:
$(“.image”).attr('max-height',$(.image”).width()*1.3+“px”)

在纯CSS或jQuery中是否有实现这一点的方法?

您应该使用而不是


max height
是一个样式属性,而不是DOM属性。

我正要发布完全相同的东西+1应该是
maxHeight
,不是吗?当然是css而不是attrib。大脑放屁的明显例子,谢谢!你能有
最大宽度
?这也能解决你的问题。编辑:或将宽度设置为容器或图像,不会调整高度和比率。宽度永远不会改变,高度有时是可变的。
$(".image").css('max-height', $(".image").width() * 1.3 + "px");