是否有任何支持CSS Grid System的完整宽度？

有没有任何支持完整视口宽度的CSS网格系统？大多数网格系统似乎只是希望宽度为960像素，高达1140像素。这是普通用户最广泛使用的宽度（正如大多数人使用的是1280px×1024px）。是否有任何支持CSS Grid System的完整宽度？

我的目的是为使用甚至全高清分辨率（1920px x 1080px）的用户提供响应式布局。

如果有一个更好/更简单的方法来做到，请让我知道

来源

2012-03-30 Jannis M

此信息可能有助于（类似的问题） http://stackoverflow.com/questions/159025/jquery-grid - 建议 – 2012-03-30 10:05:24

或者可能不......我正在寻找一个基于CSS的解决方案。不管怎样，谢谢！ – 2012-03-30 11:57:01

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引导程序）。
命名约定，你会得到使用奇怪的CSS类（例如span4），选择一个你喜欢的，其中一些比其他更多的语义，这取决于你。
而在至少，在公开渠道的因素：社会支持，更新频率 ...

此外，这个网站是一个最敏感的启示：http://mediaqueri.es/

来源

2012-03-30 10:04:03

你更喜欢什么？ – 2012-03-30 12:48:28

我个人喜欢twitter bootstrap，它处理很多UI的东西，非常干净，有很好的文档记录，轻量级并不断变得更好...... 我也在其他项目中使用Skeleton，当我不需要太多的UI的东西。我认为你可以挑选他们中的任何一个，并且不会错，他们都做同样的事情，只要注意以上四点。 – 2012-03-30 13:12:35

我已经工作在称为Fluidable的流体网格系统上。你可以设置最大宽度为你喜欢的任何东西。在你的情况下，你可以简单地将其设置为100％，网格将用尽所有空间。您还可以配置任意数量的您喜欢使用的列。

https://github.com/andri/Fluidable

来源

2012-03-30 10:11:57 Andri

看起来不错！之前没有用得更少，但看起来很容易实现 – 2012-03-30 12:48:00

对于小型项目，我会建议Amazium。它提供了12列，嵌套，抵消和基本媒体查询。为了得到全屏电网，您的标记应该是这样的：

<div class="row-max"> 
    <div class="grid_12"> 
     ... 
     <div class="row-max"> 
      <div class="grid_6">...</div> 
      <div class="grid_6">...</div> 
     </div> 
    </div> 
</div>

来源

2015-09-21 14:41:31 p2or

是否有任何支持CSS Grid System的完整宽度？

回答

相关问题