我在响应式网站上设置了flexslider.我创建的滑块同时采用横向和纵向方向图像.我smoothHeight: true设置了高度调整以适合图像.
在最大的媒体查询中,flexslider容器的宽度为750px.这适用于横向图像,但纵向图像变得太大.纵向图像的宽度设置为与容器相同的大小 - 750px宽,因此高度至少是该值的两倍,因此您无法在不滚动的情况下查看整个图像.
在css我尝试设置max-height: 750px解决高度问题,但flexslider然后拉伸图像适合750px宽,750px高.
有没有人知道有什么办法让flexslider保持纵横比并根据max-height？调整图像的宽度？因此,肖像图像将是750px高但保持其纵横比.