Welche Hinweise gibt es zum Verhalten von Bildern zwischen Breakpoints?
Zwischen zwei Breakpoints darf ein Bild nie kleiner werden, da bei der Breiten-Simulation immer der größtmögliche Wert im jeweiligen Breakpoint-Bereich zugrunde liegt.
Beispiel: Bei Breakpoints 1200px und 2560px mit einem Inhaltsbereich, der ein padding-right von 20% und max-width von 1200px nutzt, wird bei größerem Viewport der Inhaltsbereich immer kleiner, was zu kleineren simulierten Bildbreiten führt. Dies muss bei der Gestaltung beachtet werden.
Mehr dazu in folgendem Artikel: BASE (Mobile First): Responsive Bilder