![[Slider Revolution 6] Adjust the Size and Position of your Layer content [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/size-and-position-1-1.jpg)
关于图层大小调整的快速说明
可以通过本文中显示的“大小和位置”设置来调整图像,视频和形状的大小。 文本图层的大小应通过调整“ 图层样式”部分中的字体大小来调整。
内容
- 手动变更
- 设定选项
- 响应性考虑
- 相关话题
- 图层样式
- 响应式设置
- 响应行为或
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](https://aladd.net//wp-content/uploads/2020/05/drag-layer-1-1.jpg)
也可以通过拖动四个大小调整点来手动调整图层大小。
![[Slider Revolution 6] Adjust the Size and Position of your Layer content [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/resize-layer-1-1.jpg)
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 [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/position-size-settings-1-1.jpg)
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](https://aladd.net//wp-content/uploads/2020/05/responsive-behavior-5.jpg)
然后在响应视图之间切换,以为不同的视口调整图层的大小和位置。
![[Slider Revolution 6] Adjust the Size and Position of your Layer content [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/resize-viewports-1-2.jpg)
并在编辑选项时预览响应设置。
![[Slider Revolution 6] Adjust the Size and Position of your Layer content [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/responsive-preview-2.jpg)
在“图层网格”参考线中放置图层!
放置图层时,请确保将其放置在“图层网格”参考线内。这有助于确保它们不会在模块外部流血。
图层网格的大小在模块的断点中定义。
正确:
![[Slider Revolution 6] Adjust the Size and Position of your Layer content [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/layers-guidelines-2.jpg)
不正确:
![[Slider Revolution 6] Adjust the Size and Position of your Layer content [Slider Revolution 6] Adjust the Size and Position of your Layer content](https://aladd.net//wp-content/uploads/2020/05/incorrect-position-2.jpg)