我之前在设计中使用了960.gs作为网格。它运作得很好。但是html中的类数量有点乏味,而且因为我是网络纯粹主义者,所以在标记中控制样式总是觉得有点不对。
我正在尝试找到一个很好的解决方案,它可以添加与960.gs相同的功能但是没有所有额外的类,通过使用som聪明的sass / less / etc。
答案 0 :(得分:2)
听起来你正在寻找的是semantic.gs。
它强调了一个带有语义标记的网格,而不需要HTML中的.spanX
等。
我在手写笔上写了一个改编版(他们的手写笔实现效果不是很好),所以如果你使用手写笔,我很乐意给你一份副本。
答案 1 :(得分:0)
960之后会有一点学习曲线,但我对http://framelessgrid.com/示例(响应)构建有很好的经验www.hardyamies.com
它既有LESS也有SASS。关键概念是在css中使用列变量作为宽度。这意味着您可以通过命名保持语义。
答案 2 :(得分:0)
我强烈推荐http://semantic.gs/
您的HTML中不需要额外的类,流畅或固定的布局,适用于LESS,SCSS和Stylus。