[Résolu] Paragraphe qui s'affiche différemment sur mobile et sur Pc

Bonjour,
je viens vers vous car j'aiun problème sur la home page de mon site web : http://www.instantsdunevie.fr

Si je regarde mon site sur un PC ou mac, l'affichage est normal au niveau du paragraphe d'intro.
Si je le regarde sur mobile (chrome sur Android par exemple), mon paragraphe devient immense. Alors que j'ai fixé la font-size à 13px.
Il devrait être aussi gros que les articles qui suivent.

Si vous avez une idee , je suis preneur, merci.
Modifié par sane79 (04 Apr 2014 - 21:46)

Bonjour,

Je ne constate rien de la sorte sur la tablette de la pomme, si ce n'est le fait qu'il ne semble pas y avoir de "version adaptative" pour les supports mobiles par exemple...
Peut-être une spécificité d’Androïd qui ne prendrait pas en compte les déclarations de styles interne (tu peux faire le test en intégrant ces styles dans ta feuille principale, ce qui n'est pas plus mal).
"Où" te pencher sur Responsive Web Design ?

À part cela, je trouve le site sympa (simple et sobre comme j'aime), il y a probablement des choses à améliorer (RWD, toussa...), peut-être faire un tour dans le salon critique ?

Bon courage

bonjour,

merci pour ta réponse et ton compliment sur mon site

oui çà à l'air spécifique à Android, et même que sur Chrome Android, car sur ma tablette pomme, rien à signaler et sur le mobile android de ma femme, rien sur le navigateur android par défaut.
Sur un autre android de mon collègue de boulot (chrome ?), idem ça agrandit

si d'autres personnes peuvent essayer et me dire, merci

je n'avais pas remarqué, mais le copyright, tout en bas de la page, fait la même chose

je vous met une copie d'écran



Pour le RWD ça viendra ...
Modifié par sane79 (05 Apr 2014 - 10:48)

As-tu tenté de mettre toutes tes déclarations CSS dans ta feuilles de styles externe et de visualiser de nouveau sur le mobile Androïd qui pose souci (penser à vider le cache)?
De quelle version d'Androïd s'agit-il ? (pour celles et ceux qui pourraient tester)

la déclaration CSS de ce paragraphe est dans un fichier en dehors de l'html, il est dans un dossier css, fichier style.css

j'ai Android 4.3.1 et chrome 33.0.1750.170

lorsque je fais des motifs CSS sur mon site, le chrome de mon mobile se met bien à jour au niveau du cache

merci
Modifié par sane79 (05 Apr 2014 - 13:40)

Oui, j'ai vu après coup que les styles internes ne concernaient pas cette partie du code, désolé
Attendons que les spécialistes passent par ici pour trouver l'explication du phénomène, j'ai quelques pistes en tête, mais c'est un vrai "foutoir" au dernier étage aujourd'hui

c'est bizarre, c'est comme si chrome mettais en évidence le premier et le dernier paragraphe de ma home page

Je viens de tester aussi sur Firefox et j'ai le même soucis. C'est fou

sane79 a écrit :
Je viens de tester aussi sur Firefox et j'ai le même soucis. C'est fou

En version mobile ?
Parce que sur version bureau (dernières version de FF) sous mac, aucun souci.

Version mobile oui bien sûr

Salut,
J'ai repéré le même problème sur mon téléphone avec plusieurs sites que je visite. Je n'ai pas vérifié mais je me demande si le problème ne viendrait pas du fait que la font est déclarée en px au lieu de em ou rem ?

J'ai trouvé la solution :

<meta name=viewport content="width=device-width" />

tout simplement. Je trouve ça fou.
Au niveau de la police, en em ou px, l'affichage restait le même.