1

我开始使用 Skel 来构建响应式网页设计。

我想为我的不同断点(布局)设置替代单位宽度

看看这段代码:

<div class="-1u 10u -1u">
     <p> Some text ipsum</p>
</div>

所以在这里,我们在行的每一侧都有一个 1u 的偏移量。我想做的是为我正在使用的每个断点(宽、中、小、xxsmal)设置特定的偏移量。

当我不需要偏移量时,我会这样做:

<div class="2u 6u(medium) 12u(small)">
     <p> Some text ipsum</p>
</div>

但是有了偏移量,它就不能按照我期望的方式工作,任何帮助对我来说都是非常有用的。

我可能没有完全理解 SkelJS 是如何工作的,如果答案在文档中,请原谅。提前感谢您的回答。

4

1 回答 1

2

想象一下你想要宽模式:3 个偏移 + 6 个单位 + 新行

然后在中等:2 个偏移 + 8 个单位 + 新行

小型:12 个单位:

你会写:

<div class="-3u(wide) 6u$(wide) -2u(medium) 8u$(medium) 12u(small)">
</div>
于 2015-01-22T21:28:39.590 回答