Html 基础：是否建议使用自定义网格计数？ 我是一个后端开发人员和新的基金会以及CSS。我已经看到，如果设计师在设计时没有考虑网格结构，那么前端开发人员通常很难将设计转换为CSS。这种情况通常会发生，因为12格线（默认）柱结构不能提供完全按照需要放置图元的灵活性 Poundation为我们提供了使用自定义网格计数，使用它是明智的吗？大多数网格结构使用12个网格柱，因为12是一个很好的数字。如果我们使用一个60格的柱结构，其排水沟与12格的相同（比如排水沟为20px），会怎么样？我认为，它应该给我们更多的灵活性，让我们能够将这些要素落实到位

让我解释一下。假设我的网页需要一个三栏结构，比例为3:3:4，我不想留下任何偏移量。我不确定如何使用12个网格列实现这一点，除了可能需要手动定位元素。但在60格柱中，我们可以通过使用大号18，大号18，大号24，根据需要使用排水沟，比如说20px，轻松实现这一点

有人可能会说，如果我们在60格柱结构中使用20px的排水沟，那么柱之间的排水沟将占据网页的大部分空间。但是不，在我们使用实际的柱子之前，排水沟是虚构的。因此，此处仅使用3个排水沟的空间，其余部分为3:3:4的立柱

这正是我对网格结构的理解。如果我所做的任何假设都是有意义的，或者如果我使用60网格结构，是否还有其他一些我遗漏的、可能困扰我的地方，有更多知识的人可以告诉我吗？

好问题

我绝对不是专家，但我用了相当多的基础。我假设你在使用基金会6。有几种方法可以用来完成这些任务，我已经在项目中成功地使用了这两种方法

第一种方法是更改默认网格，使其适合您认为可以轻松维护的列数。就我个人而言，我用过的最多的是24列布局。它的灵活性足以适应大多数布局。在_settings.scss中更改此设置：

$grid-column-count: 24;

如果这对您来说通常不够灵活，那么您可以使用常规网格，还可以创建自定义网格并用类调用它。这样，大多数页面都可以使用常规的12/24列网格，但特殊情况下可以调用自定义网格

最后，如果不想使用任何特殊的东西，可以在列中使用百分比，并省略标准的大列类。因此，您自定义的SCS将如下所示：

不确定这是否回答了您所有的问题，但听起来似乎在最佳实践方面存在一些困惑？您可以使网格尽可能大，但无论如何都必须维护它

好问题

我绝对不是专家，但我用了相当多的基础。我假设你在使用基金会6。有几种方法可以用来完成这些任务，我已经在项目中成功地使用了这两种方法

第一种方法是更改默认网格，使其适合您认为可以轻松维护的列数。就我个人而言，我用过的最多的是24列布局。它的灵活性足以适应大多数布局。在_settings.scss中更改此设置：

$grid-column-count: 24;

如果这对您来说通常不够灵活，那么您可以使用常规网格，还可以创建自定义网格并用类调用它。这样，大多数页面都可以使用常规的12/24列网格，但特殊情况下可以调用自定义网格

最后，如果不想使用任何特殊的东西，可以在列中使用百分比，并省略标准的大列类。因此，您自定义的SCS将如下所示：

不确定这是否回答了您所有的问题，但听起来似乎在最佳实践方面存在一些困惑？您可以使网格尽可能大，但无论如何都必须维护它

.special-column{
  @include grid-column(30%);
}
.slightly-larger-column{
  @include grid-column(40%);
}