0

在奇点的应用中，我仍然对某些方面感到困惑。例如，我想知道一件事。在以下要点中，我设置了一些简单的元素。底部的蓝色是页脚，中间的黄色是内容，上面的三个单元格（红色，绿色紫红色 - 由 grid-span 构建）构建页眉。这三个部分都是由同一个容器构建的。

http://sassmeister.com/gist/8010028

我想知道使标题比其他两个更宽的最干净的方法是什么。

  • 通过为包装标题元素定义百分比宽度？
  • 通过将布局混合应用到标题元素并设置一个全新的上下文？

或者，如果它们都依赖于相同的容器设置和上下文，那么这三个中的一个甚至不可能有不同的宽度？最好的问候拉尔夫

4

1 回答 1

1

Singularity 与容器无关，因此您可以以您喜欢的任何方式放置标题容器。

有很多方法可以使容器之一变大，这个问题与奇点无关。

我最喜欢的方法是负边距。它不适用于您的样式，因为您margin: 0 auto在容器上设置。我建议你改用margin: 0 autoon body。这将需要一些重构。

然而，与奇点相关的是在不同宽度的容器中保持一致网格的问题。您需要做一些数学运算并花一些时间摆弄价值观。

这是我设法实现的目标： http: //sassbin.com/gist/8030219/

请注意，我没有使用layoutmixin 而只是重新定义$grids. 不推荐这种方法，但是当有几个不同的网格并且它们都不能称为主网格时是可以接受的。

PS 请注意，SassMeister 在 Sass 3.3 上，而 Singularity 和 Breakpoint 在 Sass 3.3 上的行为不正常。改用 SassBin.com，它保留在 Sass 3.2 上。

于 2013-12-18T21:32:52.330 回答