Ver Mensaje Individual
  #7 (permalink)  
Antiguo 12/02/2013, 17:40
j0niSnip3r
 
Fecha de Ingreso: enero-2009
Mensajes: 35
Antigüedad: 15 años, 3 meses
Puntos: 1
Respuesta: Columnas de productos en smartphone

OK! lo estaba probando desde galaxy s (i9000).. es verdad que chrome no soporta menos de 400.. pero ya lo he solucionado.

He agregado el siguiente código el cual funciona perfecto (en portrait)!!

Cita:
@media only screen and (max-width: 320px) {
.product-list li, .related li, .upsells li {
width: 48% !important; }

}
pero cuando lo pongo en landscape aún se me sobrepuesto algunos productos.

¿Cómo puedo hacer que para landscape el % del width sea especifico? ya que con 48% en portrait me caben 2 columnas... para landscape deberían ser 3. ¿Debo crear otro media query para aquel tamaño?

Espero puedan ayudarme :)
Saludos y muchas gracias por todo.