parsys组件和AEM中的响应式布局有什么区别

Question

我意识到我可以在页面中包含 parsys 组件，以允许内容作者在该位置添加组件。现在，当我阅读有关响应式布局（ responsegrid ）组件的信息时，似乎正在做同样的事情？

我对两者之间的差异，应该使用什么以及在哪种情况下感兴趣。 在AEM文档中，有很多关于响应式布局的信息，然后是关于parsys的信息，因此，如果有人可以用简单的方式或一些示例向我解释这一点，我将不胜感激。

Answer 1

不同视图端口的响应行为是parsys和布局容器之间的主要区别。

使用parsys，您可以拖放组件，并且这些组件的位置在所有视口中均保持不变。 以平铺组件为例，该组件水平放置在桌面视口中，并且您希望它在视口减小时垂直堆叠，仅使用段落系统，您就需要更改CSS或类似Bootstrap的响应框架来实现此目的。

使用布局容器，您可以获得响应功能OOTB，您可以在布局模式下为不同视口定义组件的位置。

我在这里仅说明了一个非常简单的示例，该组件加载了许多响应功能。

示例内容we.retail项目包含布局容器的示例，您可以将其用作参考，与此主题相关的Adobe documentation也非常全面。