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;} 

请让我知道这是否帮助过你。