larghezza: 100% rispetto alla larghezza massima: 100%

Question

Larghezza massima: 100% e larghezza massima: 100% può essere usato in modo intercambiabile se uno di essi viene utilizzato una sola volta?

Per esempio posso ottenere gli stessi risultati con:

img{ 
    width:100%; 
} 

e con:

img{ 
    max-width:100%; 
} 

mi manca qualcosa qui?

Answer 1

Se le immagini sono sempre più grandi dell'elemento in cui si trovano all'interno delle due regole, sembrerà che si comportino allo stesso modo. Se un img è più piccolo dell'elemento genitore rispetto alla prima regola lo allungherà alla larghezza completa del suo genitore. La seconda regola no.