Hallo,
hier geht es um das Einbinden eines externen Inhalts. HTML-Seite (Heizungskonfigurator), in der Besucher eine bestimmte Konfiguration seiner Wunschheizung eingeben kann, um sich ein individuelles Angebot einzuholen.
Ich füge zwischen Kopf- und Fußteil der Seite einen neuen Artikel und Inhaltselement (HTML), iframe ist in den Einstellungen erlaubt.
Auf dem Desktop erscheint alles wie gewünscht. Auf mobilen Geräten bleibt der externe Teil überbreit, und es muss geschoben werden.HTML-Code:<iframe height="700" width="100%" src="https://externeseite.com"> <a href="https://externeseite.com">https://externeseite.com</a> </iframe>
Nächster Versuch:
Hier passiert das selbe. Wenn ich den Desktop-Browser schmaler mache, passt sich auch der externe Inhalt an. Auf dem mobilen Gerät (iPhone, iPad) bleibt es überbreit.HTML-Code:<div> <iframe src="https://externeseite.com" id="idIframe" width="100%" onload="iframeLoaded()" style="border: none;" allowfullscreen> </iframe> </div>
Habt ihr einen Tipp für mich, dass der iframe auch responsive ist?
Viele Grüße
Jürgen
Lesezeichen