iframe unter IOS nicht responsive

Hallo zusammen,

die mobile Version eines Iframes lässt sich auf einem Iphone nicht korrekt darstellen. (Jaja, die Iphones wieder mal. :D) Stattdessen wird der Inhalt des Iframes in der Originalgröße angezeigt - eben mit horizontalen Scrollbalken versehen. Das möchte ich aber natürlich nicht, da es sich bei dem Inhalt um ein Spiel handelt und es einfach furchtbar aussieht.

Der im Internet gefundene Workaround scheint nicht zu funktionieren:

HTML-Code:

---

    iframe {
        width: 1px;
        min-width: 100%;
        *width: 100%;
    }

---

Tipps/Tricks um die Eigenart von IOS zu umgehen?

Poste einen Link zur Seite, wo man den iframe sehen kann.

https://gist.github.com/KrzysztofPrz...609bf7e36f6465

Und das alles nur, weil mal wieder ein Hersteller es innerhalb mehrerer Jahre nicht schafft, einen Bug zu beseitigen. Weil es ja nicht nötig ist, weil die ganze Welt drumherum arbeitet. Manchmal hätte ich ja schon Lust, die ganzen Workarounds wegzulassen, damit die Benutzer mal sehen, was für ein Stück Sch****e sie da eigentlich in der Hand halten. Irgendwann erstelle ich mal eine Website zu ausschliesslich diesem Zweck. Nach dem Motto "Und so würde das Web normalerweise mit deinem Browser aussehen".

Die Methode

HTML-Code:

---

body {
max-width: 100vw!important;
}

---

hat den gewünschten Effekt erzeugt. Danke!