如何使用 jeet 更改列比率？答案

【问题标题】：how do i change column ratios with jeet?如何使用 jeet 更改列比率？
【发布时间】：2014-09-06 02:38:03
【问题描述】：

我正在尝试将我的列比率从 1/4 更改为 1/3。

默认样式是1/4，

col(1/4, gutter: .5, cycle: 4)

然后我取消循环并切换到 1/3，

+below(desktop)
  uncycle()
  col(1/3, gutter: .5, cycle: 3)

循环保持在 4，留下一行，只有一列向右浮动。

【问题讨论】：

如果您只是更改循环元素的数量，我认为 uncycle() 没有必要 - 删除它，看看它是否有效？

标签： css stylus jeet-grid

【解决方案1】：

应该将 uncycle 传递给 col() 调用...

即

col(1/4, gutter: .5, cycle: 4)
+below(desktop)
    col(1/3, gutter: .5, uncycle: 3, cycle: 4)

例如，如果您想要一个在移动分辨率下的 1/2 网格，您也可以传递多个 uncycles。

col(1/2, cycle: 2)
+above(mobile)
    col(1/3, uncycle: 2, cycle: 3)
+above(tablet)
    col(1/4, uncycle: 3, cycle: 4)
+above(desktop)
    col(1/5, uncycle: 4, cycle: 5)

【讨论】：

你真的可以通过多个uncycles吗？我需要这样做，但在快速测试中，它似乎只使用最终的uncycle 来生成 css。
对不起，也许应该更好地表达...如果您愿意，您可以为每个媒体查询设置不同的 uncycle，但 uncycle 总是清除最后一个循环...我已经更新了我的答案以反映