css - Slider Revolution 中桌面和移动设备的不同 slider 布局

Question

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

我知道我可以使用不同的 slider 。我在 stackoverflow 上找到了一个很好地处理这个问题的线程，在这里:How to load a specific Slider Revolution for mobile-only?

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

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

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

谢谢鲁文

Answer 1

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

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

@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;  }
}

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

问候