有没有全宽度支持CSS网格系统？

Question

是否有支持全视口宽度的CSS网格系统？大多数网格系统似乎只想要宽度为960px到1140px.这是普通用户最常部署的宽度(因为大多数人使用的是1280px×1024px).

我的目的是为用户提供响应式布局,甚至使用全高清分辨率(1920px×1080px).

如果有更好/更简单的方法,请告诉我

Answer 1

Twitter引导流体网格系统使用百分比:http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

还有很多纯css响应网格系统,例如:Skeleton

本文涵盖了很多内容:http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/

使用css宽度,媒体查询和js回退的百分比可以自己做到这一点(因为不完全支持媒体查询).

但是这些网格系统可以为您节省时间和麻烦,因为它们是经过最佳测试的.

为了帮助您做出决定,您应该考虑:

• 您需要的浏览器支持和网格系统提供的浏览器支持.
• 大小(它们对于大多数来说是轻量级的,但有些不仅仅是网格系统,即Twitter引导程序).
• 命名约定,你将使用奇怪的css类(例如span4),选择你喜欢的那个,其中一些比其他语义更具语义,这取决于你.
• 至少,开源因素:社区,支持,更新频率......

此外,该网站是最具响应性的灵感:http://mediaqueri.es/