fBildgröße dynamisch an die Fenstergröße anpassen

Hallo Community,
folgendes Problem: Ich versuche ein Seitenlayout zu erstellen das sowohl für den Desktop als auch für Handy/Tabletts Bedienung geeignet ist.
Die Startseite besteht aus 9 Bildern (links) die in drei Zeilen mit je drei Bildern aufgeteilt ist.
Definiere ich nun die breite der einzelnen Bilder mit ( width="30%" ) sieht die Seite bei hochformatiger Ausrichtung gut aus, kippt man jedoch das Display ins Querformat werden die Bilder zu groß, und passen somit nicht mehr alle gleichzeitig auf die Startseite.

Ich suche also eine Möglichkeit das sich die Bildgröße so anpasst das immer alle neun Bilder voll auf der Startseite dargestellt werden.

THX Micha