我在一个响应式网站上设置了flexslider。我正在创建的幻灯片包含横向和纵向的图片。
在最大媒体查询时,flexslider容器宽度为750像素。这对于横向图片来说很好,但是纵向图片变得太大了。纵向图片的宽度被设置为与容器相同 - 750像素宽,因此高度至少是宽度的两倍,所以您无法在不滚动的情况下查看整个图像。
在CSS中,我尝试设置
有人知道如何让flexslider保持纵横比并根据
smoothHeight: true
用于调整高度以适应图片大小。在最大媒体查询时,flexslider容器宽度为750像素。这对于横向图片来说很好,但是纵向图片变得太大了。纵向图片的宽度被设置为与容器相同 - 750像素宽,因此高度至少是宽度的两倍,所以您无法在不滚动的情况下查看整个图像。
在CSS中,我尝试设置
max-height: 750px
,这解决了高度问题,但flexslider会将图像拉伸到750像素宽和750像素高。有人知道如何让flexslider保持纵横比并根据
max-height
调整图像的宽度吗?这样,纵向图片将高达750像素,但仍然保持其纵横比。