CSS 网格布局的最佳实践

Desknumber

在某些方面，我们对 CSS 网格布局仍然很陌生。许多人不断询问现有的最佳实践。雷切尔·安德鲁 (Rachel Andrew) 进行了一项调查，并在本文中分享了结果以及她的想法。

现在人们在生产中使用 CSS 网格布局，一个越来越常见 电子邮件营销列表 的问题似乎是“最佳实践是什么？” 这个问题的简短答案是使用规范中定义的布局方法。您选择使用的规范的特定部分，以及如何将 Grid 与其他布局方法（例如 Flexbox）结合起来，取决于什么适合您尝试构建的模式以及您和您的团队想要如何工作。



更深入地看，我认为这种对“最佳实践”的要求可能表明对使用与以前非常不同的布局方法缺乏信心。也许是担心我们将网格用于其设计目的之外的事情，或者在应该使用网格时没有使用网格。也许这可以归结为对支持旧版浏览器的担忧，或者是对网格如何融入我们的开发工作流程的担忧。在本文中，我将尝试介绍一些可以被描述为最佳实践的内容，以及一些您可能不需要担心的内容。

该调查 为了帮助这篇文章提供信息，我想了解其他人如何在生产中使用网格布局，他们面临哪些挑战，他们真正喜欢它的什么？是否存在常见问题、问题或使用的方法？为了找到答案，我进行了一项快速调查，询问人们如何使用网格布局，特别是他们最喜欢什么以及他们认为具有挑战性的是什么。在接下来的文章中，我将引用并直接引用其中的一些回复。我还将链接到许多其他资源，您可以在其中找到有关所描述技术的更多信息。事实证明，调查回复中值得解开的有趣内容远不止一篇文章。我将在以后的帖子中解决一些其他问题。