[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

[Slider Revolution 6] Setup the Module's Layout/Size, Responsive Breakpoints and BackgroundSlider Revolution
这篇文章约3分阅读完。
[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

内容

  1. 布局
  2. 断点
  3. 高级尺寸
  4. 全屏选项
  5. 模块位置
  6. 模块背景
  7. 边框,覆盖和阴影
  • 相关话题
  • 响应式设置
  • 幻灯片背景

1.布局

1.键入
选择“滑块”用于与多个幻灯片,“场景”用于单场景模块以及模块转盘用于模块具有多个幻灯片呈现为传统的滑动件传送带。

2.调整大小
选择“自动”以使模块继承与页面内容容器相同的宽度,选择“全宽”以使模块始终在页面上延伸,并选择“全屏”以使模块适应与页面内容容器相同的大小。窗户。

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

2.断点

断点如何工作

断点本质上是模块调整大小的“重置”点。它们类似于CSS媒体查询,在CSS媒体查询中,可以根据屏幕大小来调整内容的大小/样式。

 

1.启用/禁用
激活设备大小的断点。然后,将根据宽度(#2)和高度(#3)调整模块的大小。

2.宽度
断点发生时模块应适应的宽度。

3.高度
断点发生时模块应适应的高度。

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

3.高级尺寸

1.最大宽度
设置模块的可选最大宽度,无论其放置在其中的容器的大小如何。(仅在“自动”布局上可用

2.最小高度
设置滑块的可选最小高度。(仅在“自动”和“全屏”布局中可用

3.包装器最大
高度为滑块设置一个可选的最小高度。(在所有三种布局中都可用

4.保持断点高度
模块的高度将始终等于断点中设置的高度

5.尊重纵横比
通常,模块的高度永远不会超过其指定的断点高度。启用此选项可有效消除此限制。

6.网格=模块
图层的“面积”值将始终与模块的外部容器相同,这取决于模块在网页内容容器中的放置方式。

7.强制可见溢出
允许内容物在模块的外部容器外部渗出。

8.固定在顶部
模块将始终位于页面顶部。对于“粘性”菜单有用。

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

4.全屏选项

对于“全屏布局”,您可能希望模块完全适合顶部菜单,页脚或其他内容之间的窗口视口。下面的#1和#2可用于实现此目的。

1.按容器
输入您要为其留出空间的内容的jQuery选择器。例如,这可以是主菜单的标签名称或类名称。

2.按PX或%
减小全屏模块的高度特定数量的像素。

3.不要强制使用全角
当您希望“全屏高度”但仍希望模块适合页面内容容器(可能具有框状宽度)时,此选项很有用。

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

5.包装器内的模块位置

1.对齐
如果模块具有最大宽度并且被放置在大于模块宽度的页面内容容器内,则对齐有用。

2.上/下边距
相对于网页上的其他内容,在模块上方和下方添加空间。

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

6.模块背景

将模块的主要背景设置为透明或颜色/渐变

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

或启用“使用图像”以将全局背景图像应用于模块

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

7.边框,覆盖和阴影

1.叠加
层向模块添加可选的网格类型叠加层以进行其他样式设置。

2.阴影类型
添加8个预定义阴影图形之一,使模块具有3D视觉效果。

3.间隙(边界)
在此处输入的值将用作模块的CSS填充。

[Slider Revolution 6]设置模块的布局/大小,响应断点和背景

评论

复制标题和 URL