C'è una larghezza completa che supporta il sistema di griglia CSS?

Esiste un sistema di griglia CSS che supporti la larghezza della finestra? La maggior parte dei sistemi di griglie sembrano voler solo una larghezza di 960px fino a 1140px. Questa è la larghezza più distribuita per un utente normale (poiché la maggior parte delle persone usa 1280px × 1024px).C'è una larghezza completa che supporta il sistema di griglia CSS?

Il mio scopo è avere un layout reattivo per gli utenti che utilizzano anche una risoluzione FULL HD (1920px × 1080px).

Se c'è un/modo migliore e più semplice per farlo, pls fatemi sapere

fonte

2012-03-30 Jannis M

Questo post potrebbe aiutare (domanda simile) http://stackoverflow.com/questions/159025/jquery-grid -recommendations –

O forse no ... Stavo cercando una soluzione basata su CSS. Comunque grazie! –

Twitter bootstrap sistema a griglia fluida funziona con percentuali: http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

C'è anche un sacco di puro css sistema a griglia reattivo, per exemple: Skeleton

Questo articolo copre un sacco di loro: http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/

E 'possibile farlo da soli, utilizzando le percentuali per la larghezza css , media queries e js fallback (poiché le query multimediali non sono completamente supportate).

Ma quei sistemi di rete ti faranno risparmiare tempo e mal di testa così come sono per i più collaudati.

Per aiutare la vostra decisione, si dovrebbe prendere in considerazione:

Il supporto del browser che ti serve e quelli forniti dal sistema di griglia.
Dimensioni (per la maggior parte sono leggere, ma alcuni non sono solo i sistemi di rete , ovvero il bootstrap di Twitter).
Convenzioni di denominazione, stai chiamando usa strana classe css (ad esempio span4), scegli quella che preferisci, alcuni di loro sono più semantici di altri, tocca a te.
E a almeno, le fonti fattori aperti: comunità, supporto, aggiornamenti frequenze ...

Inoltre, questo sito è un più di ispirazioni reattive: http://mediaqueri.es/

fonte

2012-03-30 10:04:03

Cosa preferisci? –

Sono personalmente innamorato di twitter bootstrap, che gestisce un sacco di cose dell'interfaccia utente, molto pulito, molto ben documentato, leggero e continuo a migliorare ... Sto anche usando Skeleton per altri progetti quando non lo faccio bisogno di troppe cose dell'interfaccia utente Penso che tu possa scegliere qualcuno di loro e non può essere sbagliato, tutti fanno la stessa cosa, basta prendersi cura dei quattro punti sopra. –

Ho lavorato su un sistema a griglia fluida chiamato Fluidable. Puoi impostare la larghezza massima su qualsiasi cosa tu voglia. Nel tuo caso, puoi semplicemente impostarlo su 100% e la griglia utilizzerà tutto lo spazio. Puoi anche configurare qualsiasi numero di colonne che desideri utilizzare.

https://github.com/andri/Fluidable

fonte

2012-03-30 10:11:57 Andri

Sembra carino! Non ha funzionato con meno prima, ma sembra facilmente implementabile –

per i piccoli progetti, mi sento di raccomandare Amazium. Fornisce 12 colonne, annidamento, compensazione e query multimediali di base. Al fine di ottenere una griglia schermo intero , il vostro codice dovrebbe essere simile:

<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>

fonte

2015-09-21 14:41:31 p2or

C'è una larghezza completa che supporta il sistema di griglia CSS?

risposta

Problemi correlati