Flexslider固定图像

Question

我在shopify中使用flexlider。我希望滑块内的图像具有固定的css大小，但总是在宽度上展开100％而不会看起来被压扁。因此，如果我上传的图像高度为597像素，我需要它以450像素显示，但宽高比保持不变。有没有办法用flexslider这样做？

Answer 1

在flexslider.css中，您有一个样式规则：

.flexslider .slides img {width: 100%; display: block;}

您可以用以下内容替换：

.flexslider .slides img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle;}

如果有帮助，请告诉我。