0

根据屏幕尺寸改变 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 对小屏幕的高度没有任何选择

4

2 回答 2

0

CSS 支持 a@media screen and (min-width: 250px){}或@media screen and (max-width: 250px){}标签。

这是JSFiddle（只需更改结果的大小）

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

希望能帮助到你

于 2015-10-18T11:24:04.950 回答
0

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

希望这可以帮助

于 2015-10-19T07:01:17.093 回答