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

Posted 2023-02-23

【中文标题】AEM中的parsys组件和响应式布局有啥区别

【英文标题】：What is the difference between parsys component and responsive layout in AEMAEM中的parsys组件和响应式布局有什么区别

【发布时间】：2019-07-19 00:54:40

【问题描述】：

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

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

【参考方案1】：

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

使用 parsys，您可以拖放组件，并且这些组件的位置在所有视口中保持不变。 以桌面视口水平放置的 tile 组件为例，您希望它随着视口减小而垂直堆叠，仅使用段落系统，您将需要 CSS 更改或像引导程序这样的响应式框架来实现这一点。

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

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

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

【讨论】：

看起来响应式布局更强大。我可以总是更喜欢响应式布局而不是 parsys 吗？什么情况下 parsys 是比响应式布局更好的解决方案？