|
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 En espérant être utile Laurent |