2016-02-10 112 views
-1

我在shopify內部使用flexlider。我希望滑塊內的圖像具有css的固定尺寸,但始終以100%的寬度展開,而不會看到高度被壓扁。因此,如果我上傳的圖片高度爲597像素,則需要以450像素顯示,但寬高比保持不變。有沒有辦法用flexslider做到這一點?Flexslider固定圖像

回答

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

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