Slider Revolution 中桌面和移动设备的不同滑块布局

Posted 2023-05-09

【中文标题】Slider Revolution 中桌面和移动设备的不同滑块布局

【英文标题】：Different slider layouts for desktop and mobile in Slider Revolution

【发布时间】：2019-12-17 20:07:43

【问题描述】：

我的模板中包含了很棒的 Slider Revolution，我想使用它。对于我的布局，我需要两种不同的布局，以便它在桌面和移动设备上看起来都不错。

我知道我可以使用不同的滑块。我在 *** 上找到一个线程处理得很好，在这里：How to load a specific Slider Revolution for mobile-only?

我的问题，有什么方法可以在移动屏幕上使用带有溢出的滑块的自动布局和在桌面上使用带有封面和溢出的滑块：隐藏？然后我不需要实现两个不同的幻灯片来实现相同的 - 更少的工作。

我试图找出实现布局代码的位置，但找不到正确的行。是的，我知道这可能很容易，但我在编码方面不是那么专业。

无论如何，希望你们能帮助我。

谢谢鲁文

【问题讨论】：

没有人有什么想法，也许是一个像@media一样跟踪视口的js代码，然后内联cs或sth。

【参考方案1】：

可悲的是，没有人可以帮助我解决我的问题，或者没有时间去做。对此我有点失望。

无论如何，我最终得到了自己的解决方案。我使用自动模式作为标准，然后以媒体查询的形式添加自定义 css，我在其中定义滑块在全屏模式下切换的最小宽度：

@media only screen and (min-width: 700px) 
	##sliderID_wrapper, #sliderID  z-index: 9999 !important; width: 100% !important; height: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important;  

希望当有人遇到同样问题时我能提供帮助。

问候