iframe weergave niet goed

Ik wil een pagina van een andere website via een iframe weergeven op mijn website.
Op de iPhone ziet het er prima uit - zie bijlage - maar op de iPad en desktop niet; je moet dan horizontaal en verticaal scrollen.

De code die ik hiervoor gebruik:

Getest met de nieuwste versies van Chrome, Firefox en Safari.
Joomla versie 3.7.3.

URL van de pagina op mijn website waarin het iframe moet worden getoond:
www.backup.dekaleberg.nl/weer

Wat kan ik doen om het iframe op alle devices goed weer te geven?

Het frame begint bij de zwarte balk met de tekst Create a WIX site.
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Ben je er erg aan gehecht? Er zijn wel betere te vinden volgens mij. Wix is een drama, dus dat zal lastig worden. Misschien deze?

Dank voor je suggestie, Astrid.
De site die jij voorstelt had ik al op mijn pagina staan. Die van meteo84 vind ik echter beter, alleen jammer dat het een WIX site is.

Eigenlijk zou de bronsite dus moeten worden aangepast. Zou handig zijn als ze elke dag de weerkaartjes dezelfde bestandsnaam geven, dus vervangen, want dan kun je naar het plaatje linken. Heb dat al eens aan de betreffende webmaster gevraagd, maar toen kon het niet; was toen nog een wordpress.com site.

Toch snap ik niet waarom ik met width=100% wel een goede weergave krijg op IPhone en niet op andere schermgroottes.

Dat laatste snap ik wel. Op een IPhone wordt de mobiele versie getoond van die site. Ik weet alleen niet of je dat zou kunnen forceren voor een desktop.