Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/02/2014, 03:10
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Me estoy volviendo loco con el tema de rellenar un DIV

Cita:
Iniciado por Kromikos Ver Mensaje
Pero me refería más a si hay alguna forma de que cambien todos de tamaño, quiero decir que la persona que tenga un monitor gigante vea 10 por fila y en cambio yo con mi monitor tan sólo 3. Que cambien proporcionalmente.
Si también eso. Tendrías que usar media-queries y crear, lo que viene siendo, una cosa responsiva —Responsive Web Design (RWD).

Agrupas reglas dentro de esas media-queries, que es su consulta puedes especificar anchos de pantalla, que es lo que te interesa, y en base a ese cambiarle, por ejemplo, ese porcentaje de 33.3333% a cómo quieres que se vea.

Algo así:

Código CSS:
Ver original
  1. .col2 li {
  2.     width: 33.3333%;
  3.   }
  4.  
  5. @media screen and (min-width: 960px) and (max-width: 1500px) {
  6.   .col2 li {
  7.     width: 20%;
  8.   }
  9. }
  10.  
  11. @media screen and (min-width: 1501px) {
  12.   .col2 li {
  13.     width: 10%;
  14.   }
  15. }

En cada regla @media puedes agrupar las reglas que necesites para cada situación. Luego siempre puedes echarle un vistazo a Google ahora que sabes qué buscar específicamente.