Breite: 100% vs max-Breite: 100%

Question

Kondensweite: 100% und max-Breite: 100% austauschbar verwendet werden, wenn einer von ihnen nur einmal verwendet wird?

Zum Beispiel bekomme ich die gleichen Ergebnisse mit:

img{ 
    width:100%; 
} 

und mit:

img{ 
    max-width:100%; 
} 

Bin ich hier etwas fehlt?

Answer 1

Wenn Ihre Bilder immer größer sind als das Element, in dem sie sich befinden, verhalten sich die beiden Regeln identisch. Wenn ein img kleiner als das übergeordnete Element ist, wird die erste Regel es auf die volle Breite des übergeordneten Elements strecken. Die zweite Regel wird nicht.