Bilder mit flexibler Größe

[ZOOTV]

Grüß Euch!

Ich verwende in diversen Projekten immer wieder Bilder in unterschiedlichsten Größen.
Mal sind es Vorschaubilder in einem 2 Spalten Layout, dan wieder 3 Spalten Layout und dann wieder in einer größeren Ansicht.

Ich hatte versucht meine Layouts so zu gestalten, dass die Inhaltselementen bei einem Tablet genauso lesbar sind wie bei einem PC / Notebook.

Meine Frage:
Wie kann ich Bilder ins Layout einbinden ohne im Modul die Größe bereits festzulegen, sodass sich diese je nach Lesegerät anpasst?

[psren]

ohne im Modul die Größe bereits festzulegen

Die Größe solltest du trotzdem irgendwie festlegen. Sonst schickst du Bilder mit viel zu hoher Auflösung durchs Netz.

sodass sich diese je nach Lesegerät anpasst?

img {
   max-width: 100%;
   height: auto;
}

[ZOOTV]

Servus psren!

Wenn ich im Modul Newsreader die Größe des Bildes auf 200px Proportional festlege
und im css die img Werte (dein Code) eintrage,
wird dann das Bild automatisch an den Fensterrahmen angepasst?

[psren]

Teste es doch aus :-)

http://jsfiddle.net/qfz3w/