CMSimple Tests & Demos
* * * * * * *

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;
}
nach oben