Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: iframe unter IOS nicht responsive

  1. #1
    Contao-Nutzer
    Registriert seit
    15.01.2018.
    Beiträge
    61

    Standard 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. ) 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?

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

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

  3. #3

  4. #4
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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".

  5. #5
    Contao-Nutzer
    Registriert seit
    15.01.2018.
    Beiträge
    61

    Standard

    Die Methode

    HTML-Code:
    body {
    max-width: 100vw!important;
    }
    hat den gewünschten Effekt erzeugt. Danke!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •