2012-03-30 15 views
9

¿Hay algún sistema de cuadrícula CSS que admita ancho de vista total? La mayoría de los sistemas de grillas parecen pretender un ancho de 960px hasta 1140px. Este es el ancho más desplegado para un usuario normal (ya que la mayoría de las personas usa 1280px × 1024px).¿Hay algún ancho completo que admita CSS Grid System?

Mi objetivo es tener un diseño receptivo para los usuarios que usen incluso una resolución FULL HD (1920px × 1080px).

Si hay una manera mejor/más fácil de hacerlo, pls me dejan saber

+1

Este mensaje podría ayudar (pregunta similar) http://stackoverflow.com/questions/159025/jquery-grid -recomendaciones –

+0

O tal vez no ... Estaba buscando una solución basada en CSS. ¡Gracias de todos modos! –

Respuesta

9

Twitter bootstrap sistema de cuadrícula fluida trabaja con porcentajes: http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

También hay una gran cantidad de sistema de red sensibles puro css, para exemple: Skeleton

Este artículo cubre una gran cantidad de ellos: http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/

es posible hacer eso mismo, utilizando porcentajes de ancho css , media queries y js fallbacks (ya que las consultas de medios no son totalmente compatibles).

Pero esos sistemas de cuadrícula le ahorrarán tiempos y dolores de cabeza, ya que son los más probados.

para ayudar a su decisión, se debe considerar:

  • El soporte de los navegadores que necesita y los que proporciona el sistema de red.
  • El tamaño (son livianas para la mayoría, pero algunas no son solo redes sistemas, es decir, Twitter bootstrap).
  • convenciones de nomenclatura, va a utilizar la clase de css raro (por ejemplo span4), elija el que prefiera, algunos de ellos son más semánticos que otros, depende de usted.
  • Y en menos, las fuentes abiertas factores: la comunidad, soporte, actualizaciones frecuencias ...

Además, este sitio es una más de las inspiraciones de respuesta: http://mediaqueri.es/

+0

¿Qué prefieres? –

+3

Personalmente estoy enamorado de arranque gorjeo, que maneja una gran cantidad de cosas de interfaz de usuario, muy limpio, muy bien documentado, ligero y seguir mejorando ... También estoy usando el esqueleto para otros proyectos cuando no lo hago Necesito demasiadas cosas UI. Creo que se puede elegir cualquiera de ellos y no puede estar equivocado, todos hacen lo mismo, acaba de tener cuidado acerca de los cuatro puntos anteriores. –

2

he estado trabajando en un sistema de red fluida llamado Fluidable. Puede establecer el ancho máximo a cualquier cosa que desee. En su caso, puede simplemente configurarlo al 100% y la grilla usará todo el espacio. También puede configurar cualquier cantidad de columnas que desee usar.

https://github.com/andri/Fluidable

+0

se ve bien! No funcionó con menos antes, pero parece fácil implementable –

0

Para proyectos pequeños, recomendaría Amazium. Proporciona 12 columnas, anidamiento, compensación y consultas básicas de medios. Con el fin de obtener una rejilla de pantalla completa, su margen de beneficio debe ser similar:

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