优化所有设备的布局

Experience Builder 允许为 Web 体验配置和创建不同的页面布局,以便在所有屏幕尺寸上运行良好。每个单独布局的配置均基于自适应设计,可在其中创建适用于大、中和小屏幕尺寸的独特设计。每种布局都会适应体验,从而提高更多应用程序自定义的灵活性并优化屏幕尺寸和不同内容的使用。

模板专为配合多种屏幕尺寸打造。如果选择了空白的全屏应用程序或空白的滚动页面模板,它们将启用适用于中小屏幕设备的自动布局。这样可使所有微件与适用于大屏幕设备的布局中的微件保持同步,同时自动对其进行排列。

要为中小屏幕设备创建单独的布局,单击 页面布局旁边的自定义按钮。这样可手动排列所选屏幕设备的微件。如果需要从小设备布局中移除微件,单击微件工具条上的移至待处理列表按钮 移至待处理列表。这会将微件从当前设备的画布上移除,并保存其配置,以防您需要将其重新添加到布局中。启用自定义布局选项后,如果将任何其他微件添加到其他设备模式,则这些微件不会添加到当前设备。可以从插入微件面板上的待处理选项卡手动进行添加。

提示:

要测试适用于不同屏幕尺寸和设备的布局,单击构建器工具条上的即时显示通过“即时显示”,可先确认内容是否已正确调整,然后再保存并发布 也可以通过调整某些设置进行试验,然后操作交互式和动态微件来了解最终结果。