在小屏幕上革命滑块固定高度根据屏幕大小的RS

问题描述：

变化高度在小屏幕上革命滑块固定高度根据屏幕大小的RS

下面示例响应和图像高度小的小屏幕上，如320像素宽度或360像素与屏幕。

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

我想定义高度较小的屏幕和它保持到最低限度，让我们说250像素

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

我还没有发现在那里我可以保持高度min-height:250px

任何选项

我尝试添加类，但在屏幕大小发生更改时被脚本覆盖。

没有RS具有高度为小屏幕

请提供jsfiddle。 – Alex

答

CSS支持@media screen and (min-width: 250px){}或@media screen and (max-width: 250px){}标签的任何选项。

这里是JSFiddle（只是改变结果的大小）

RS是否有自己的选择，我不知道。但是，如果你可以访问这些文件，你可以添加一些代码很容易:)

希望它可以帮助

我试过了，但是当另一封电子邮件显示队列中的下一张图片显示很小，然后调整到自定义高度时，它会打破设计。 – Learning

也许如果你使用'window.innerWidth'和'window.innerHeight'获得窗口的宽度和高度。如果你然后计算你的图像的比例，你可以使用jQuery或JavaScript进行调整 –

我正在使用jquery的window.width来检查并根据初始化RS函数。这解决了问题，但是当我做同样的window.resize这不会触发函数。 – Learning

答

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

希望这会有帮助

在小屏幕上革命滑块固定高度根据屏幕大小的RS

相关推荐