[Slider Revolution 6] 调整图层内容的大小和位置

[Slider Revolution 6] Adjust the Size and Position of your Layer contentSlider Revolution
这篇文章约2分阅读完。
[Slider Revolution 6] Adjust the Size and Position of your Layer content

关于图层大小调整的快速说明

可以通过本文中显示的“大小和位置”设置来调整图像,视频和形状的大小。  文本图层的大小应通过调整“ 图层样式”部分中的字体大小来调整。

内容

  1. 手动变更
  2. 设定选项
  3. 响应性考虑
  • 相关话题
  • 图层样式
  • 响应式设置
  • 响应行为或

1.手动更改

可以通过在编辑阶段周围用鼠标拖动“图层”来手动定位图层。

[Slider Revolution 6] Adjust the Size and Position of your Layer content

也可以通过拖动四个大小调整点来手动调整图层大小。

[Slider Revolution 6] Adjust the Size and Position of your Layer content

2.设置选项

Adds a CSS Transform to the Layer when the user hovers their mouse over the Layer.

1.对齐
在幻灯片内垂直和水平对齐图层。

2. X / Y偏移
图层及其对齐位置之间的间距。例如,如果图层具有“右”对齐,则30px偏移量“ X”会将图层从模块的右侧放置30px。

3.宽度/高度
选择选项的汉堡菜单,然后为基于文本的图层选择“自动”,或输入自定义宽度和高度。

4.
图像和视频的大小预设大小调整选项。如果您希望图层始终保持模块的长宽比完全填充整个模块,请选择“封面”。

5.图层对齐
选择“图层区域”以对齐图层网格的图层,或“场景”

6/7。最小/
最大宽度为图层添加可选的最小或最大宽度。(图层的大小永远不会低于或大于这些数字

。8/9。最小/
最大高度为图层添加一个可选的最小或最大高度。(图层的大小永远不会小于或大于这些数字。

[Slider Revolution 6] Adjust the Size and Position of your Layer content

3.响应性考虑

调整图层的响应行为规则的大小和位置。

[Slider Revolution 6] Adjust the Size and Position of your Layer content

然后在响应视图之间切换,以为不同的视口调整图层的大小和位置。

[Slider Revolution 6] Adjust the Size and Position of your Layer content

并在编辑选项时预览响应设置。

[Slider Revolution 6] Adjust the Size and Position of your Layer content

在“图层网格”参考线中放置图层!

放置图层时,请确保将其放置在“图层网格”参考线内。这有助于确保它们不会在模块外部流血。

图层网格的大小在模块的断点中定义。

正确:

[Slider Revolution 6] Adjust the Size and Position of your Layer content

不正确:

[Slider Revolution 6] Adjust the Size and Position of your Layer content

评论

复制标题和 URL