Welche Hinweise gibt es zur Bildgrößensimulation bei unterschiedlichen Breakpoints?
Ein Bild darf zwischen zwei Breakpoints nie kleiner werden, da immer der größtmögliche Wert innerhalb des Breakpoint-Bereichs simuliert wird.
Beispiel: Zwischen den Breakpoints 1200 px und 2560 px wird ein rechtsseitiges Padding von 20% und eine max-width von 1200 px gesetzt. Dadurch wird ab dem unteren Breakpoint der rechte Innenabstand größer und der Inhaltsbereich links wird kleiner. Dies führt dazu, dass auch die Basiseinstellung für die Bildbreitensimulation kleiner wird, was kleinere Bilder trotz größerem viewport verursacht.
Mehr dazu in folgendem Artikel: BASE (Mobile First): Responsive Bilder