buen día a todos;
Estoy haciendo una plantilla con el elemento tabla con 5 columnas, con un ancho definido en porcentajes a 20% cada 1 y en algunas celdas tengo que insertar imágenes.
El problema es que si la imagen es muy grande hace que la celda se expanda y por tanto también la columna entera y me perjudica en otras cosas (lo cual creo que solucione insertando la imagen como fondo de la celda y no con un elemento IMG dentro de la celda y así evitar que modifique el tamaño de la columna)
#celda4{
background-image: url("'.$urlImgPrincipal.'");
background-size: cover;
}
Pero ahora el problema es que si la imagen es mas grande que la celda, solo se muestra una porción de la imagen
como es en realidad toda la imagén:
Quiero que la imagen al ponerla de fondo de la celda se adapte al tamaño y se pueda ver toda pero no se como. O en caso ¿Como puedo obtener el tamaño de la celda antes de dimensionar un elemento img que este dentro de este? para así asignarle un tamaño al img en su width y height correspondientes a la celda
background-size: contain
?