【问题标题】:How to consistently scale down slider images that vary in width如何始终按比例缩小宽度不同的滑块图像
【发布时间】:2017-02-10 19:32:48
【问题描述】:

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

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

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

.slick-slide img{
 Display: block;

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

【问题讨论】:

    标签: html css


    【解决方案1】:

    试试这个:

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

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

    【讨论】:

    • 我尝试将尺寸应用于高度,但它不会缩放。只有当我使用由于图像尺寸而无法完成我想要实现的目标的宽度属性时,它才会缩放。关于为什么会这样的任何想法??
    • 您能澄清一下您所说的“规模”是什么意思吗?如果应用最大高度,图像不会改变大小?
    • 我想按比例减小图像的大小。当我使用宽度属性时,尺寸的减小不是恒定的,因为图像具有不同的宽度尺寸,所以我怎样才能一致地减小所有图像的尺寸?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-15
    • 2018-06-12
    • 1970-01-01
    • 2021-06-15
    • 2012-06-14
    相关资源
    最近更新 更多