可通过设置来调整滑块的[图层]内容的位置或大小
内容:
- 响应断点
- 图层定位
- 层对齐
- 响应偏移
- 相关话题
- 响应式设置
- 响应式设置
- 大小和位置
1.启用响应断点
断点:OFF = 调整浏览器窗口大小时,滑块及其所有内容将简单地缩放(即“缩放”)。
断点:ON = 创建 CSS Media Queries,使您可以为该特定断点重新定位/调整内容大小。
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/layout-8.jpg)
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/breakpoints-6.jpg)
然后,可以为每个启用的断点重新定位和调整图层的大小。
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/breakpoint-views-1.jpg)
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/responsive-breakpoint-values-1.jpg)
2.图层定位
确保您的内容始终放置在“层网格”画布中。
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/layer-positioning-1.jpg)
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/layer-positioning-wrong-1.jpg)
3.调整层对齐
图层区域= 内容将始终限于“图层网格”区域。
场景=内容将基于滑块的整个大小进行定位。
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/responsive-alignment-1.jpg)
3.响应性偏移
OFF = 内容的位置将始终遵循您为X / Y偏移量选择的确切数字。
ON = 内容的X / Y偏移量将在模块调整大小时相应地进行调整。
![[Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。 [Slider Revolution 6]如果滑块的“图层”内容的位置或大小不正确,则可以通过一些设置调整来解决。](https://aladd.net//wp-content/uploads/2020/05/responsive-offsets-1.jpg)