Über CSS-Angabe soll sich das Bild flexibel verhalten:
img {
max-width: 100%;
height: auto;
}
Nachteile:
- Auf kleinen Displays zu große Dateien geladen => Performanceverlust
- Bild wird über seine tatsächliche Breite hinaus skaliert => schlechte Bildqualität auf großen Displays.
- Hochauflösende Displays werden überhaupt nicht berücksichtigt.
Lösung Media Queries?
Ja, aber...