Henry: Responsive Design Bilder automatisch anpassen

Beitrag lesen

Hallo Auge,

danke schon mal für die schnelle Antwort.

Leider bringt das aber auch keinen Erfolg, durch max-width: 25em; wird das Bild ja auch nur statisch begrenzt ohne die originale Breite des Bildes als Maximalbreite zu beachten.

Dachte da sinnbildlich an sowas wie:

<img scr="bildx.jpg" JavaScript= lies bildabmessung aus als variable v und schreibe style="max-width:v;" />

sofern es keine wirkliche CSS-Lösung gibt.

Wüsste aber auch in dem Fall nicht wie man das richtig codieren müsste.

Weiterhin gibt es für <img> [das Attribut srcset]

Ja, das hatte ich mir auch angeschaut und ist für die Zukunft auch vielleicht interessant, wobei der Grundgedanke vielleicht schon überholt ist, denn angesichts Flatrates und LTE ist die Größe der Datenübertragung vielleicht nicht mehr so beachtenswert, sondern eher kontraproduktiv, da ja jedem Hündchen sein eigener Knochen geliefert werden soll, sprich ein Bild in verschiedenen Auflösungen. Da hätte ich mir gewünscht das W3C hätte es unproblematischer gemacht, wie eben Text, dass Bilder sich automatisch anpassen.

Gruss Henry