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

Question

我有一些要显示的图片，尺寸为 400x300，这些图片将在 div 中相应地缩放(低至 200x150)。现在由于各种显示尺寸，我不会提前知道图像将缩放到什么尺寸，但是，我想强制执行 4:3 比例。不幸的是，在 CSS 中没有办法做这样的事情:max-height: width * 1.3，据我所知。

我在 jQuery 中试过这个，但是 max-height 属性被设置为 0: $(".image").attr('最大高度', $(".image").width() * 1.3 + "px");

有没有办法用纯 CSS 或 jQuery 来完成这个？

Answer 1

你应该使用 css而不是 attr

$(".image").css('max-height', $(".image").width() * 1.3 + "px");

max-height 是样式属性，不是 DOM 属性。