Background Image zoom in Galerie (Mobil)

  • Affected Version
    WoltLab Suite 5.5
    Affected App
    WoltLab Suite Core

    Hat man in seinem Stil ein background Image hinterlegt wird dieses Mobil beim wählen der Galerie herangezoomt und somit verpixelt. Auf anderen Seite passiert dies nicht.

    • Official Post

    Hallo,


    gibt es dazu eventuell ein Beispiel, dass man sich direkt ansehen kann? Wie wird das Bild eingebunden, d.h. auf welchem Element mit welchen Vorgaben? Welcher Browser und -version kommt zum Einsatz?

    Alexander Ebert
    Senior Developer WoltLab® GmbH

  • Hallo


    Eingebunden wird es so:

    CSS
    $pageBodyBackground: url('#{$style_image_path}custom/252A1838.jpg');
    
    
    body {
            background-image: $pageBodyBackground !important;
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
        }

    iOS und iPad OS 15.x sowie 16 unter aktuellstem Safari.


  • Das ist wohl ein generelles Problem unter iOS und iPad OS. Ich habe das auch bei einigen meiner Projekte, sofern es das ist, wie es hier im Beispiel dargestellt wird:


    background-size: cover not working on iOS
    This is my code: background-color:#fff; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -moz-background-size: cover;…
    stackoverflow.com

    Beste Grüße
    Viper

  • Ja, das muss man für iOS und iPadOS deaktivieren. Ich benutze dafür in einem Projekt von mir diesen Code:

  • Alexander Ebert

    Set the Label from Feedback required to Not a bug

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!