我开始使用 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 是如何工作的,所以如果答案在文档中,请原谅。 预先感谢您的回答。
最佳答案
假设您想要在宽屏模式下:3 个偏移量 + 6 个单位 + 新行
然后在 medium 中:2 个偏移量 + 8 个单位 + 新行
小的:12 个单位:
你会写:
<div class="-3u(wide) 6u$(wide) -2u(medium) 8u$(medium) 12u(small)">
</div>
关于javascript - SkelJS - 不同的行偏移量,每个特定断点一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28095719/