Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。












想要改善这个问题吗?更新问题,以便将其作为on-topic用于堆栈溢出。

去年关闭。



Improve this question




是否有支持整个视口(viewport)宽度的CSS网格系统?大多数网格系统似乎只打算将960px的宽度扩展到1140px。这是普通用户使用最多的宽度(因为大多数人使用的是1280px×1024px)。

我的目的是为使用全高清分辨率(1920px×1080px)的用户提供一个响应式布局。

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

最佳答案

Twitter bootstrap流体网格系统按百分比工作:http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

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

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

可以自己做,使用百分比表示CSS宽度,media queries和js后备广告(因为不完全支持媒体查询)。

但是,这些网格系统将为您进行最充分的测试,从而节省您的时间和头痛。

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

  • 您需要的浏览器支持以及网格系统提供的支持。
  • 大小(大多数情况下都是轻量级的,但有些不仅是网格
    系统,例如Twitter bootstrap )。
  • 命名约定,您要
    使用怪异的CSS类(例如span4),选择您喜欢的一种,
    其中一些比其他的更具语义,这取决于您。
  • 和在
    最少,开源因素:社区,支持,更新
    频率...

  • 另外,此网站是响应响应灵感的最多来源:http://mediaqueri.es/

    关于css - 是否有全宽支持CSS网格系统?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9940818/

    10-09 19:24