Testseite Bild responsiv
Dieses Bild hat per html-Formatierung die Abmessungen width="800" height="600" zugewiesen bekommen. Per CSS ist ein max-width von 100% und ein height:auto für Bilder definiert, so dass sich das Bild trotzdem responsiv (flexibel) verhält und nicht grösser wird als sein umgebendes Element. CSS überschreibt html-Formatierung.
Das CSS:
img.responsive {
box-sizing:border-box;
max-width:100%;
height:auto;
}
box-sizing:border-box;
max-width:100%;
height:auto;
}