Page 1 sur 1

Différence d'affichage CSS mobile/ ordi.

Posté : 31 déc. 2018, 12:00
par casio
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.

Re: Différence d'affichage CSS mobile/ ordi.

Posté : 01 janv. 2019, 22:34
par @rthur
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/

Re: Différence d'affichage CSS mobile/ ordi.

Posté : 02 janv. 2019, 01:37
par casio
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. :)