1174 sujets

Accessibilité du Web

bonjour,
sur une page de test avec mon iphone
la taille des caracteres est plus grande si l'écran est horizontal.
avec une font-size de 1rem, idem si je met 16px.
est ce que c'est normal et je devrait indiquer une font-size differente selon que que l'appareil est tenu horizontal ou vertical dans les media-queries pour un résultat identique?

merci
Modifié par drphilgood (16 Jan 2024 - 19:37)
c'est bien çà
"La raison en est que Mobile Safari augmente la taille de police par défaut lorsque vous passez d'un site Web de portrait à paysage".
(c'est malin çà)
je vais tester

html{
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  }
je vois que le sujet était évoqué en 2015, quelle idée d'inventer un truc pareil !!!!
çà devrait étre le choix du visiteur de zoomer ou pas.

le correctif ne fonctionne pas (ou c'est moi)
mon iphone a 2 ans et est à jour évidemment.
je continuerai demain pfffff
Administrateur
drphilgood a écrit :

le correctif ne fonctionne pas (ou c'est moi)

Bizarre ça.

Tu as bien une balise meta viewport avec initial-scale=1 ?
j'ai trouvé pourquoi çà ne fonctionnait pas, j'avais mis le css size-adjust dans ma page html ...

html, body {
    margin: 0;
    padding: 0;
   font-family: system-ui, sans-serif;
    font-size: 100%;
      /* disallow text zooming on orientation change (non standard property) */
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}


mais était bloqué par le CSP de htaccess.
avec size-adjust dans le fichier css externe c'est ok.

merci
Modifié par drphilgood (17 Jan 2024 - 09:56)