Question

我想在模板中使用伟大的Slider Revolution。对于我的布局，我需要两种不同的布局，以便在台式机以及移动设备上看起来都很好。

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

我的问题是，我有什么办法可以在移动屏幕上使用带有溢出功能的滑块的自动布局，而在桌面上具有覆盖和溢出功能的滑块：隐藏的？然后，我无需实现两个不同的幻灯片即可实现相同效果-减少工作量。

我试图找出实现布局代码的位置，但是我找不到正确的行。是的，我知道这很容易，但是我并不是编码专家。

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

Thx Ruven

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

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

格里兹

Slider Revolution中台式机和移动设备的不同滑块布局

1 个答案: