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

Répondre


Cette question est un moyen de lutter contre les publications automatisées indésirables.
Émoticônes
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Accéder à davantage d’émoticônes
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Différence d'affichage CSS mobile/ ordi.

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

par Joslain » 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.

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

par casio » 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. :)

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

par @rthur » 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/

Différence d'affichage CSS mobile/ ordi.

par casio » 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.