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:
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
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%; } } }
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
Partager