如何始终按比例缩小宽度不同的滑块图像

Question

如何按高度缩放“.slick-slide img”。这 图像因宽度而异，因此按宽度缩放图像会使它们成比例地不一致。

当我尝试将尺寸应用于“.slick-slide img”的高度属性时，图像不会缩放。为什么当我使用宽度属性时图像会缩放时这不起作用？

https://jsfiddle.net/mbj7ckrs/8/

.slick-slide img{
 Display: block;

Margin-left: auto;
Margin-right auto;
Padding: 0;
}

Answer 1

试试这个：

.slick-slide img
{
    display: block;
    max-height: 10em;
}

当我将它应用于小提琴时，所有图像似乎都以成比例的方式改变大小。