Responsive Bilder im HTML-Export

Wie erhalte ich responsive Bilder beim HTML-Export?

Sind Bilder nicht responsiv, dann sind diese auf kleinen Endgeräten meist zu groß und es muss gescrollt werden:

In DA-HelpCreator kann dies leicht geändert werden. Dazu gehen wir in die Einstellungen:

Und fügen im HTML-Template im Head-Bereich den folgenden Code ein:

<style type="text/css">
img {
    max-width: 100%;
    display:block;
    height: auto;
}
</style>

Mit OK übernehmen wir und nun wird die Breite im HTML-Format automatisch angepasst, so dass das gesamte Bild angezeigt wird: