如何使用 Susy v2 将元素的高度分配为其宽度的比率

Question

我有两种宽高比（1:1 和 16:9），根据页面布局，它们可能在 12 列网格中占据 4、8 或 12 列。如何将 span(4 of 12) 设置的值传递给同一元素的高度？

一个非常相似的问题有 already been asked here。我试过根据我的需要调整它，创建一个 mixin 来计算值，但无济于事。它还引用了导致 404 页面的 fluid-ratio mixin 的文档。这个问题显然是指 Susy v1 而我正在使用 v2。所以我很困惑。

Answer 1

没有任何代码很难理解您要完成什么以及如何完成，但乍一看您不需要新的 mixin。你可以简单地说：

.element {
    width: span(9 of 12);
    height: span(3 of 12);
}

或

.element {
    @include span(9 of 12);
    height: span(3 of 12);

}

并完成它。

How to assign the height of an element as a ratio of its width with Susy v2