我希望实现一个网格系统。我已经使用jQuery,jQuery UI等。经过大量研究后,我发现了这个解决方案:semantic grid
在我考虑实施之前,我非常感谢任何使用此网格的人。此外,我想知道是否有人找到了更好的选择。我要找的主要是流体(必须使用em或%)和响应网格。
答案 0 :(得分:1)
Twitter上的人建立了一个非常棒的人:Twitter Bootstrap
Bootstrap构建在响应式12列网格上。我们也包括在内 基于该系统的固定和流体宽度布局。
我已经使用(和扩展)了很多没有问题。
答案 1 :(得分:1)
嗯,首先,形成网格的无序列表(或我点击的示例中的“列”)不是语义。行?列?格?那是一张桌子。
就能够快速完成任务而言,当你真正学习HTML流程以及CSS增强/调整它的方式时,它永远不会是耗费时间的大结构。当有大量任意属性飞来飞去时,这些细粒度的细节可能会变得很痛苦,这就是为什么我倾向于回避那些坚持在系统上推行网格方法的CSS库/框架你正在使用流程。
浏览器支持使它变得很痛苦,但流程完全没有被设计破坏。事实上,它是强大的,特别是现在最糟糕的不合作的浏览器已经落后于我们。我的建议是先深入学习CSS。然后决定是否需要网格或CSS框架。 IMO最小布局痛苦的关键是保持简单和稀疏。框架,甚至是好框架,总是增加超出你需要的。无论你做什么,假设它至少需要花费足够的时间来学习使用一个体面的框架,因为它会超越那些“a-ha!”人们在学习CSS / HTML时往往会有这样的时刻。