problème affichage téléphone "centrage de div"

Petit nouveau ! | 2 Messages

30 mai 2021, 11:32

Bonjour a tous ,

Je rencontre un problème entre l'affichage du pc et celui de mont téléphone , le Div est bien centré sur le pc mais quand je regarde sur mon telephone mon texte est en marge gauche , je comprend rien du tous !! :shock:
je m'arrache les cheveux...

voici le lien de ma page web https://www.tmc85.fr/update/upload.php

Merci de votre aide

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

31 mai 2021, 10:44

C'est parce que ton image/logo est trop grand.
Si tu lui ajoutes un style max-width: 100%; ça devrait permettre d'adapter la taille de ton image à la taille de l'écran/fenêtre.


Un truc trèèèèèèèès pratique aussi pour tester et développer son site dans différentes résolution notamment pour mobile, c'est d'utiliser la vue adaptative :
- Sous Firefox, il suffit de faire la combinaison de touche : Ctrl + ↑ Maj + m (Moyen mnémotechnique : M comme Mobile ;-) )
- Sous Chrome, il faut d'abord lancer les outils de développement : Ctrl + ↑ Maj + i, puis c'est le même raccourci : Ctrl + ↑ Maj + m
Ensuite tu peux redimensionner comme tu veux la fenêtre et utiliser les outils de développement notamment l'inspecteur pour modifier/tester des changements CSS
Quand tout le reste a échoué, lisez le mode d'emploi...