SkelJS - 区分行偏移,每个特定断点一个

时间:2015-01-22 18:05:23

标签: javascript html5 responsive-design mobile-website skel

我开始使用Skel构建响应式webdesigns。

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

看看这段代码:

<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是如何工作的,所以如果答案在文档中,请原谅。 提前感谢您的回答。

1 个答案:

答案 0 :(得分:2)

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

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

小:12个单位:

你会写:

<div class="-3u(wide) 6u$(wide) -2u(medium) 8u$(medium) 12u(small)">
</div>