[RESOLU] Différence d'affichage CSS mobile/ ordi.

Eléphant du PHP | 101 Messages

31 déc. 2018, 12:00

Salutations,

Sur ce site : http://mathieu.charreyre.net, depuis les dernières MaJ Android (pas testé sur iOS), mon site carte-de-visite s'affiche bizarrement (décalage des cellules).
Avant Android 9.0, le site s'affichait très bien partout.
Aucun pb sur PC ou Mac.

Auriez-vous une idée ? Le code est très léger et normalement visible sans mal.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 8217 Messages

01 janv. 2019, 22:34

Aucun pb visible de mon côté sur Android 9 également avec Chrome et Firefox (dernière version à jour).

Tu as quelques erreurs mineures au niveau du validator HTML et CSS, mais rien de bien grave :
https://validator.w3.org/nu/?doc=http%3 ... yre.net%2F
https://jigsaw.w3.org/css-validator/val ... g=&lang=fr


Il faut que tu avances davantage dans ton debugage pour voir ce qui ne fonctionne pas comme prévu.
Chrome sur Android (et Firefox également) ont des outils pour pouvoir accéder à la console de développement web depuis un PC avec son téléphone branché dessus.
- Firefox Android (accès au debug ultra simple en wifi) : https://developer.mozilla.org/fr/docs/O ... _over_Wifi
- Chrome Android : https://developers.google.com/web/tools ... debugging/
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 101 Messages

02 janv. 2019, 01:37

Merci beaucoup de ce retour.

En fait, entre temps, j'ai trouvé le bug, ce qui explique que le rendu lors de votre test semblait fonctionnel.

Il s'agissait d'une line-height capricieux...
J'ai remplacé par :
.contact a {
    line-height: 43px;
    height: 43px;
}
Et c'est revenu à la normale. :)

Merci pour les liens de checkers. Je viens de faire des concessions, et ai corrigé les erreurs en relation. :)

Petit nouveau ! | 1 Messages

19 mai 2019, 15:10

Bonjour, j'ai eu un problème similaire avec mon code car je remarquait qu'il y avait un bug lorsque je testait l'affichage de ma pages web sur mon mobile. Et je vous remercie pour avoir créé ce sujet car cette conversation m'a permis aussi de résoudre mon bug qui m'a fait tourner la tête depuis quelques jours.