Sto realizzando un piccolo cms responsive e dato che non sono molto bravo con il css volevo chiedervi se c'è un sistema per caricare in un template un'immagine M px X N px generica che rispetti le seguenti specifiche:

1) Il tag img deve essere MxN se c'è spazio a sufficienza nel tag <td> che lo contiene
2) Se MxN è troppo grande deve adattarsi allo spazio disponibile
3) Se M deve essere ridotto deve restare invariato il rapporto M/N

Il layout che ho fatto è sostanzialmente una semplice tabella con tante righe ad una colonna una sotto l'altra e stop, nulla di più.

Per adesso uso questa soluzione:

<img src="esempio.JPG" alt="Smiley face" width="250">

ma non è molto buona perché se l'immagine è grande resta sottodimensionata... poi quel 250 può andar bene per il samsung galaxy ma non per l'iphone quindi non è proprio quello che cerco...