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

Question

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

这里已经提出了一个非常相似的问题。我已经尝试根据我的需要调整它，创建一个 mixin 来计算值，但无济于事。它还引用了fluid-ratio导致 404 页面的 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);

}

并完成它。