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

Question

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

我对其中的区别、应该使用什么以及在什么情况下使用感兴趣。 AEM 文档中有很多关于响应式布局的内容，然后是关于 parsys 的内容，所以如果有人能以简单的方式或通过一些示例向我解释这一点，我将不胜感激。

Answer 1

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

使用 parsys，您可以拖放组件，这些组件的位置在所有视口中都保持不变。 以桌面视口水平放置的图块组件为例，您希望它随着视口的减少而垂直堆叠，仅使用段落系统，您需要 CSS 更改或像 bootstrap 这样的响应式框架来做到这一点。

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

我只是在此处展示了一个非常简单的示例，该组件加载了很多响应功能。

示例内容 we.retail 项目有布局容器的示例，您可以将其用作参考，而且 Adobe documentation 关于这个主题非常全面。