[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 | 7984 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. :)