Grafik bei geringer Auflösung minimieren

[Binary]

Hallo zusammen,

ich habe eine Grafik in einer Box.
Wenn diese auf dem Handy angezeigt wird, dann bricht die Grafik leider diese Box.
Wie kann ich dafür sorgen, dass die Grafik bei geringer Auflösung verkleinert wird?

Hatte es mit max-width:250px probiert, das hat aber leider nicht geklappt.

Vielen Dank und besten Gruß

Binary

 

[toney]

Die Box, in der sich die Grafik befindet, scheint sich ja auch der Auflösung anzupassen. Setze einfach die Breite und Höhe der Grafik auf 100%, dann passt sie sich immer der übergeordneten Box an. Dazu noch ein min-width und ein max-width, dann sollte es passen.

 

[Binary]

Vielen Dank für den Tipp.

Habe folgendes ausprobiert:

     max-width:169px;     max-height:70px;
     width: 100%;
     height: 100%;

Aber er ignoriert leider das max-width und height und macht das Bild so Groß wie die Zelle.
Ne Idee woran das liegt?

Vielen Dank und viele Grüße
Binary

 

[toney]

Könnte eventuell an der Reihenfolge liegen. Wenn ich mich nicht irre werden deine max-height und max-width von height und width überschrieben, da die Definitionen der Reihe nach abgearbeitet werden... Probiers mal einfach anders rum:

width: 100%;
height: 100%;
max-width: 169px;
max-height: 70px;

 

[Binary]

Super danke!
Hat geklappt!

     width: 100%;
     height: 100%;
     max-width:169px;
     max-height:70px;
     min-width:10px;
     min-height:10px;

Weißt du ob max oder min zuerst kommen muss?

 

[toney]

Das ist egal. Hauptsache min und max kommen nach dem normalen width und height.