Text und Bilder überlappen sich bei abnehmender Größe des Fensters

Question

Ich habe einen Container div (Breite: 100%) mit 3 weiteren Divs entlang des Containers angeordnet (mit einer Breite von je 33,3%).

Beim Verringern der Breite des Fensters beginnen sich alle Bilder zu überlappen. Der Text auch. Wie kann ich das stoppen?

Ich sehe, dass Stapelüberlauf einen Mechanismus hat, der den Benutzer daran hindert, Breite über einen bestimmten Punkt hinaus zu verringern.

Answer 1

Sie sollten die css-Klasse min-width verwenden. ZB:

.myclass { 
    min-width: 100px; 
} 

Answer 2

Notwendigkeit 100% Breite des Bild

img.class-name { 
    max-width: 100%; 
    width:100%; 
}