css-header

Chrome redimensiona mas imágenes dentro de una tabla.

Me ha pasado algo curioso y solo en chrome de momento. Tengo un texto en una celda y una imagen en la otra. El problema vino cuando usé un max-width:100% para las img en general. En ese momento toda imagen que estuviera dentro de un <td> pasó a redimensionarse:

broken

Ok, Chrome también tiene sus cositas. La solución ha sido la siguiente:

1
2
3
4
5
6
7
8
9
/* Quiero que todas las img usen como mucho el 100% */
img {
    max-width: 100%;
}
 
/* Pero si la imagen está dentro de un td anulamos el max-width para evitar ese comportamiento raro. */
table tr td > img {
    max-width: none;
}

Resultado:
fixed

Y todos felices. Chau!