Cita:
Iniciado por Kromikos 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.col2 li {
width: 33.3333%;
}
@media screen and (min-width: 960px) and (max-width: 1500px) {
.col2 li {
width: 20%;
}
}
@media screen and (min-width: 1501px) {
.col2 li {
width: 10%;
}
}
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.