如何修复图片大小

Question

这是我的朋友网站，我正在使用redlady.al帮助她，我正在使用http://thevoux.fuelthemes.net/主题， 我的问题是顶部的转盘，图像显示不同的大小，它们应该在主题演示中显示。 我联系了主题开发人员，似乎他没有答案。有人可以帮忙吗？

Answer 1

解决方案1（CSS）

将.slick.slick-initialized .post设置为固定高度，我在这里使用280px：

缺点：如果有更多文本300px可能还不够。

解决方案2（Photshop / Gimp）

在上传之前，只需在Photoshop中裁剪图像，使其高度始终相同。

缺点：您必须为每张图片都这样做。

解决方案3（CSS）

将.slick-slide img高度设置为等于滑块中最高图像的高度。

下行：因为这些是图像而你无法使用background-size比例在某些情况下会变得奇怪。您需要使用相同比例的图像来避免这种情况。

我个人会选择1或2。

Answer 2

.slick.slick-initialized .post{
    visibility: visible;
    height: 369px;
}
.slick-slide img {
    display: inline-block;
    width: auto;
    height: 100%;
    min-width: 100%;
    max-width: none;
}

将高度设置为Voux页面的大小+一些快速图像调整为我解决了问题。请记住，这会拉伸不够宽的图像。

这将让你开始，我在30秒内想出了这个，如果你想要完美的解决方案，你应该雇用一个。