Bonsoir,

J'essaie de centrer une image pour tous les appareils mobiles lorsque la page est en cours de chargement.Je travaille avec scss.C'est mon code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.page-is-changing {
    .cd-logo {
        position: fixed;
        z-index: 4;
        background: url($image-base-path+"/common/logo.svg") no-repeat;
        top: 40%;
        animation: animatezoom 0.8s;
        left: calc(50% - 5.6rem);
        width: 11.3rem;
        height: 10%;
    }
 
    @media screen and (max-width: 780px) {
        .cd-logo {
            position: fixed;
            z-index: 4;
            margin: 0;
            background: url($image-base-path+"/common/logo-small.svg") no-repeat;
            top: 40%;
            left: 50%;
            width: 11.3rem;
            height: 10%;
        }
    }
}
Mais le problème est que le logo arrive correctement en centre pour les applications Web, mais ne vient pas au centre pour Mobile Browser devices

Pouvez-vous m'aider s'il vous plaît à résoudre le problème, car n'arrive plus a utiliser margin = auto pour scss.

merci pour l'aide