Site réactif: largeur de la fenêtre d'affichage

@drphilgood

Bonjour,

J'ai lu l'article que vous m'avez conseillé.
Si je l'ai bien compris, l'affichage des pages dans la fenêtre de l'affichage ne dépend pas de la taille réelle de la fenêtre; mais il dépend de la résolution du smartphone.
Ai-je bien compris?
Si oui, une largeur de 320 pixels serait, pratiquement, le minimum de la taille de l'affichage des pages web sur presque tous les smartphones. Vrai ou faux?

Je précise que je n'ai pas testé mon site sur de différents smartphones. Je l'ai testé par l'outil de Firefox pour ordinateur.

Merci encore.
Bien cordialement,
Modifié par AM250 (10 Feb 2025 - 18:44)

Bonsoir,

Oui : créer des templates avec, comme cahier des charges, de ne pas se préoccuper de ce qui est en dessous de 320px, est tout a fait acceptable de nos jours.

Olivier C a écrit :
Bonsoir,

Oui : créer des templates avec, comme cahier des charges, de ne pas se préoccuper de ce qui est en dessous de 320px, est tout a fait acceptable de nos jours.

Bonjour,

Excusez-moi, je n'ai pas bien compris cela.
Ce que je fais c'est seulement ajouter le script que j'ai cité en haut, dans chaque page en HTML 5.
Faut-il encore faire d'autres manipulations?

Merci.
Bien cordialement,

Bonjour,

Avec l'élément meta cité dans le 1er post, indiquer par exemple sur un smartphone ayant une largeur d'écran de 360px : <img width=180> la dimensionne à la moitié de la largeur de l'écran (le viewport).

@drphilgood Je n'ai pas compris ta phrase à moins que tu parles de résolution au vrai sens du terme en dpi / pixels par pouce ?
Au sens nombre de pixels dans la largeur de l'écran, il me semble que si.

Pour ajouter / préciser la question initiale : pour des raisons de norme d'accessibilité, je continue à me préoccuper du bon affichage en 320px de large (pas de scrollbar horizontale en 320px de large, pas de mots tronqués / hors viewport) mais pas à 319px de large.
Il y a eu des smartphones exotiques avec une largeur de 240px, il y a toutes les montres (aucune importance, pas fait pour ça) mais la plupart des Android font 360px de large depuis pas mal d'années et du côté des iPhone, l'iPhone SE (2020), la 2e génération de SE, faisait encore 375px de large mais depuis c'est 390, 414 ou 428... Bon tout le monde n'a pas un 16 Pro Max.
Notre designeuse travaille avec des maquettes de 360px de large. En intégration, on adapte pour 320px mais seules de rares personnes verront cela (par contre ça peut être très important pour ces personnes-là, ne pas confondre nombre et impact).

Quoique... le smartphone le moins cher chez Orange, Nova sparkle est annoncé en 480x900, ça sent le 240 en retina/HiDpi (pardon aux familles pour l'usage de ces termes avec du 240 ). Si quelqu'un a accès à ce truc et peut visiter https://www.mydevice.io
'fin c'est pas notre cible. Un Samsung A12 3-4 ans d'âge, en 720 "HD+" donc 360px pour ce qui nous intéresse, ça oui.
Modifié par Felipe (11 Feb 2025 - 11:55)