css - WooSlider 最大高度

Question

我正在使用 WooSlider 为我的每个元素显示一个画廊。我的许多元素都是高清宽高比 (1280x720)，而其他较早的元素是标清 (720x540)。

我遇到的问题是我想让我的网站宽度为 1280 像素宽，但由于 WooSlider 根据网站宽度设置它的大小，因此 SD 图像的垂直高度(大约 960 像素)会很大。高清图像看起来不错，因为它们保持在 1280x720 像素。

由于我不能限制 slider 的宽度，因为 1280 对于高清图像效果很好，我想也许可以限制 slider 的高度，这样它就可以裁剪巨大的 SD 图像。只要 SD 图像在裁剪范围内居中，裁剪就可以了。但我需要 slider 保持响应，这样固定高度就不行了。

这可能吗？限制 WooSlider 的最大高度，同时仍然允许它响应？

或者，如果我可以检查 slider 图像的宽度，我可以仅在图像为 SD 格式时限制高度，而不影响 HD 格式。

这是我的网站示例，宽度为 1024 像素，显示标清图像。如您所见，即使在 1024 像素， slider 中缩放的 SD 图像的垂直高度也非常大，因此在 1280 像素时它会很大:

http://richardrosenman.com/portfolio-items/kraft-dinner-pimp-my-ride/

欢迎任何建议或信息。

Answer 1

和php有什么关系？对我来说，您应该将 max-height 属性添加到 CSS 中的 wooslider 类。