是否有任何支持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的完整寬度？

回答

相關問題