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

請讓我知道這是否幫助過你。