
智能滑块可以在``响应式设置” 进行了解释。Pro版说明中包含了 Pro 版的功能,因此结构合理,对于已经是 Pro 版用户或即将开始使用 Pro 版的用户来说会很有用。
此外,描述的编写方式可以帮助免费版用户了解基本操作,我认为这也让他们清楚地了解升级到专业版可以实现什么。
我们建议在计算机屏幕上查看本文。
什么是响应式设置?
响应式设置是一种设置,可防止在计算机、智能手机或平板电脑上查看时设计和布局失败。
智能滑块基本上是响应式兼容,因此即使您创建的滑块或网页显示在智能手机等小型设备上,它的设计也尽可能减少麻烦。
但,长文本或者,图像或者按钮如果您有一张充满信息且多层排列豪华的幻灯片怎么办?
即使在电脑屏幕上看起来很好,但一旦在智能手机上显示它,布局被破坏你很有可能会这么做。
在本文中,我们假设了几种情况并将使用“图层窗口”响应式设置我主要解释一下。
请务必检查设备选择器
首先,在使用“幻灯片编辑器”时,请务必单击“设备选择器”在“桌面↔︎移动”之间切换显示并在工作时检查。

在工作时,不要只查看桌面显示器上的屏幕尺寸,重要的是要始终检查它在移动显示器上的显示效果,并在继续操作时牢记这一点。
文字大小/长度
在这里,我们将使用以下幻灯片作为示例来了解响应式设置的基本流程。
这是 ”行” 在该层中,2行『列”层,左栏中有“标题』『文本』『按钮” 层。在右栏中,``图像”层层排列。
滑动

单击顶部菜单上的此处。设备选择器”并切换到手机视图,布局显示如下图。“栏目”会自动切换为垂直对齐。

我现在最关心的是‘标题(标题)'' 不符合顺序。
使用文本比例调整大小
如果,”标题”,如果你想调整“的字体大小设备选择器“在移动显示,然后从“样式”选项卡中选择“文字比例“ 价值。

这里,文字比例“的75%我会尝试调整它。
现在,桌面显示=100%、移动显示=75%“标题”的字体大小现在设置为更改。

这”文字比例“调整依据”标题“但是也”文本』『按钮“它对于图层等的工作原理类似。
调整图层最大宽度
或者,在不改变字体大小的情况下,折叠位置另一种选择是更改 .

这里,尺寸」→「最大幅”,我限制了图层的宽度并调整它,使其包裹在所需的位置。(这只是一种方法)
调整文本数量/长度
接下来是“标题”下的“文本”。如果您不需要在移动显示器上显示全文,您可以为每个显示设备单独设置文本内容。

「内容”选项卡,选择“药片“和”移动的您可以通过打开开关``为每个设备配置单独的文本内容。

这里,移动的”并设置移动显示的文本。
字符数量减少了一半,使其更加简洁。
智能手机屏幕上可以显示的信息量是有限的。如果您可以判断字符数量太大或者最好省略它,那么明智地使用它是个好主意。
如何显示“行和列”
显示在桌面上时,左右并排但是,在移动显示中,两列会自动更改为竖排显示。
通常,左边列是第一列,正确的后面跟着一列。然而,对于移动设备观看来说,这个顺序可以颠倒过来。

使用“设备选择器”更改为移动显示后,选择“行只需选择图层并从“图层窗口”更改列顺序即可。
列的顺序已更改。
现在,您可以在桌面和移动设备上独立设置列顺序。
切换边距
调整列间距
目前,在两列之间30像素之间有差距。在桌面上查看时这是合适的,但在移动设备上看起来有点太宽了。

这也可以使用“设备选择器”设置为移动显示,然后“排水沟“ 价值。
两根“柱子”之间的距离变得更窄了。
现在“列”之间的间距是30像素,当移动时0像素可以单独配置设置。
调整图层边距
每层之间利润即使在桌面上查看时页面正确,在移动设备上查看时页边距也可能太宽。

层与层之间的边距为利润(外边距)”或“填充(内边距)”以确保布局合适。
每层的利润(边距、填充)已调整。
另外,确保“文本”层的宽度与上面的“图像”层的宽度相同。最大幅” 被指定。

切换显示/隐藏
作为另一个例子,假设我们有以下布局。下面``列'' 水平排列,还有一个 ``列“为了,”图像』『标题』『文本' 已被放置。

在手机上查看时,如下所示:4列从2列它将切换到 .

在“栏”中的“标题”下使用辅助灰色的『文本然而,在智能手机的小屏幕上,文字显得太小,可视性也不是很好。

在某些情况下,辅助句,灰色的“文本”,您可能会决定在移动设备上查看时隐藏它是可以的。
在这种情况下,选择灰色的“文本”并单击“样式”选项卡。隐藏”,然后按移动图标将其启用。
现在,您只能在移动设备上查看时隐藏灰色“文本”。
「隐藏” 启用移动
通过在一张幻灯片上放置多个图层,您可以显示更多信息并实现复杂丰富的表达。
但移动设备上的显示空间有限,因此在创建时需要考虑是否可以在智能手机上显示。
概括
这次我们要介绍的是Smart Slider3 Pro的``响应式设置” 进行了解释。
如果您不假思索地只在桌面显示器上继续工作,那么当您在智能手机上查看完成后的布局时,您可能会得到完全损坏的布局。
当你习惯了它后,你自然能够做出准确的响应设置,并思考“这可能就是它在移动设备上的样子”和“让我们采取这些措施。”
请瞄准从任何设备查看时都不会失败的布局。
尝试使用专业版
阅读这篇文章并专业版如果您觉得“我想尝试使用该版本”或“我有兴趣”,请阅读下面的文章,了解如何安装它的详细说明🚀
Pro版我们正在逐步添加文章来详细说明如何使用该应用程序,包括其功能,所以请查看。
