我正在学习语义化 UI。但是我总是混淆容器和段落。我不知道何时使用容器或段落,除了边距之外它们看起来没有什么不同。 有人可以解释一下吗? 谢谢。
我正在学习语义化 UI。但是我总是混淆容器和段落。我不知道何时使用容器或段落,除了边距之外它们看起来没有什么不同。 有人可以解释一下吗? 谢谢。
容器和段落在外观和功能上是不同的。
外观:
行为:
容器是一个元素,旨在以用户屏幕大小为基础,将页面元素限制在合理的最大宽度内。这对于与其他UI元素(如网格或菜单)配合使用以限制其显示的合理大小非常有用。
根据用户大小,容器有一个最大宽度,但段落没有此限制。段落将占用所有可用空间的完整宽度。
备注: 但您可以在site.variables中覆盖这一点:
将site.variables中的站点断点调整为使用自定义值将自动调整容器宽度。