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

Question

4

我意识到我可以在页面中包含parsys组件，以允许内容作者在那个位置添加组件。现在当我阅读关于响应式布局（responsivegrid）组件的文档时，它似乎也在做同样的事情？

我对其区别很感兴趣，应该使用哪种，并在什么情况下使用。 AEM文档中有关于响应式布局的更多资料，而不是关于parsys的资料，所以如果有人能用简单的方式或带一些例子来解释这个问题，我将不胜感激。

- Tadija Malić

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- SubSul · Accepted Answer

在不同的视口之间实现响应式行为是parsys和布局容器之间的主要区别。

使用parsys，您可以拖放组件，并且这些组件的位置在所有视口中都保持不变。例如，如果您想将一个平铺组件在桌面视口上水平放置，并且希望在视口减小时将其垂直堆叠，只需使用段落系统，您就需要进行CSS更改或使用类似于bootstrap的响应式框架来实现。

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

我刚刚举了一个非常简单的例子，这个组件带有许多响应式功能。

我们.retail项目的示例内容包含了布局容器的示例，您可以将其用作参考，此主题的Adobe文档也非常全面。