Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 滑块最大高度_Css_Wordpress_Slider - Fatal编程技术网

Css 滑块最大高度

Css 滑块最大高度,css,wordpress,slider,Css,Wordpress,Slider,我使用WooSlider为我的每个项目显示一个图库。我的许多项目都是高清纵横比1280x720,而其他老项目是SD720x540 我的问题是,我想让我的网站宽度1280px宽,但由于WoosSlider根据网站宽度设置大小,SD图像的垂直高度将在960px左右。高清图像看起来不错,因为它们保持在1280x720px 因为我不能限制滑块的宽度,因为1280对高清图像非常有用,所以我想也许可以限制滑块的高度,这样它就可以裁剪出巨大的SD图像。只要SD图像在裁剪中居中,裁剪就可以了。但我需要滑块保持灵

我使用WooSlider为我的每个项目显示一个图库。我的许多项目都是高清纵横比1280x720,而其他老项目是SD720x540

我的问题是,我想让我的网站宽度1280px宽,但由于WoosSlider根据网站宽度设置大小,SD图像的垂直高度将在960px左右。高清图像看起来不错,因为它们保持在1280x720px

因为我不能限制滑块的宽度,因为1280对高清图像非常有用,所以我想也许可以限制滑块的高度,这样它就可以裁剪出巨大的SD图像。只要SD图像在裁剪中居中,裁剪就可以了。但我需要滑块保持灵敏,这样固定高度就不行了

那么这可能吗?限制滑块的最大高度,同时仍允许其响应

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

这是我的网站的一个例子,宽1024px,显示SD图像。如您所见,即使在1024px下,滑块中缩放的SD图像的垂直高度也非常大,因此在1280px下也会非常大:


欢迎提供任何建议或信息。

它与php有什么关系?对我来说,你应该在CSS中的Wooslaider类中添加max height属性。

我已经尝试过了,但由于某些原因,它对我不起作用。这似乎限制了滑块视口的高度,但幻灯片图像本身会覆盖它,并以正常的放大尺寸显示。我已经删除了PHP标签。