标签： javascript html css flexslider
我正在使用一个主题，它使用flexheader来显示横幅图片。由于它是一个主题，我无法直接修改幻灯片放映的选项，并试图解决它。
flexheader
我想要的是横幅的高度保持不变。 16：9图像使用整个横幅空间，但较低纵横比的图像以它们周围的纯色背景为中心。
所以我试图传递一个特别风格的div作为列表项（幻灯片）：我创建16：9 div和纯灰色背景。
Here是一个例子，它主要起作用，但带有徽标的幻灯片已拉伸。如何保持图像宽高比并将图像保持在水平中心？或者有更容易实现我想要的方式吗？