如何将元素的高度指定为其宽度与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

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

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

或

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

}

完成它。