革命性滑块在较小的屏幕上固定高度

时间:2015-10-18 09:24:30

标签: jquery html css slider revolution-slider

根据屏幕尺寸更改RS的高度

以下示例是响应式的,并且在小屏幕上图像高度很小,例如320px宽度或360px屏幕。

http://htmlstream.com/preview/unify-v1.8/page_home2.html

我想为较小的屏幕定义高度并将其保持在最小值,让我们说250px

<div class="tp-banner revslider-initialised tp-simpleresponsive" id="revslider-192" style="height: 137px;">

我没有找到任何可以将高度保持在min-height:250px

的选项

我尝试添加类,但是当屏幕大小改变时,脚本会覆盖它。

对于小屏幕,RS没有任何高度选项

2 个答案:

答案 0 :(得分:0)

CSS支持@media screen and (min-width: 250px){}@media screen and (max-width: 250px){}代码。

这是JSFiddle(只是更改结果的大小)

RS是否有自己的选择,我不知道。但是,如果您可以访问这些文件,则可以轻松添加一些代码:)

希望有所帮助

答案 1 :(得分:0)

我假设你正在使用革命滑块4.我的建议是你下载革命滑块5.它以全新的方式处理移动。您可以调整移动设备,平板电脑,笔记本电脑和宽桌面幻灯片的外观,并且可以为每个屏幕手动调整宽度和高度。我在几个新的滑块上尝试了它并且它工作得很好。 Rev5看起来完全不同,所以你需要花一些时间来学习它,但文档很好,值得你花时间。

希望这有帮助