Laurent COOPER a écrit : > > Le 09/03/2025 à 10:59, BERTRAND Joël a écrit : >> Il faut obligatoirement utiliser la résolution et non le nombre de >> pixels parce que les smartphones trichent sur le nombre de pixels. > > C'est normal, ils présentent les pixels CSS et non pas les pixels physiques. > > Les directives CSS media-queries resolution sont faîtes pour gérer des > médias (images surtout) différentes suivant la résolution d'écran mais > pas normalement pour gérer l'affichage. En particulier, ça risque de > mettre un joli merdier avec tous les écrans modernes qui sont HDPI (les > 4K, voire 5K) > > Là, j'écris depuis un 27" en 4K avec un réglage intermédiaire qui le > place à 160DPI environ. Plus fin que certains smartphone > > Les écrans présentent une résolution "humaine" pour les pages web, qui > n'est pas le nombre de pixel physique du périphérique, mais des pixels > virtuels que le téléphone gère. > > Bref, les guides sur les responsive insistent sur l'utilisation de > min-width et max-width, mais évitent min-resolution et max-resolution > > Voir par exemple l'implémentation SASS de bootstrap Oui mais justement, j'ai du virer min-with et max-width parce que les smartphones renvoient n'importe quoi (de mémoire, j'avais des trucs en fonction des marques qui m'envoyaient un écran de plus de 2k en 7" alors que le datasheet indiquait deux fois moins de pixels...). Comment peut-on avoir la résolution réelle de l'écran ?
Attachment:
signature.asc
Description: OpenPGP digital signature