Comment la mise à l'échelle DPI affecte les coordonnées de l'écran

La mise à l'échelle DPI modifie la façon dont les grands éléments de l'interface apparaissent par rapport à l'écran physique. Lorsque la mise à l'échelle est activée, les valeurs de coordonnées utilisées par les applications, les navigateurs, les captures d'écran et les systèmes d'exploitation ne peuvent plus correspondre une à une avec la grille de pixels physique.

C'est l'une des raisons les plus courantes pour lesquelles deux personnes signalent des valeurs de coordonnées différentes pour ce qui semble être le même point à l'écran.

Pourquoi les coordonnées peuvent dériver

• Le système d'exploitation peut agrandir les éléments de l'interface pour plus de lisibilité.
• Le navigateur peut signaler des positions logiques tandis que l'affichage affiche plus de pixels en dessous.
• Différentes applications peuvent interpréter la même zone d'écran en utilisant différentes hypothèses de mise à l'échelle.

Comment dépanner

1. Vérifiez le pourcentage de mise à l'échelle du système d'exploitation.
2. Comparez les lectures du mode natif et du mode d'affichage.
3. Utilisez une capture d'écran pour vérifier la cible visuelle sans mouvement de l'interface utilisateur.
4. Enregistrez le paramètre de mise à l'échelle dans votre rapport de bogue ou votre note de conception.

FAQ

Dois-je toujours utiliser le mode natif ?

Non. Le mode natif est meilleur pour les mesures au niveau matériel ou au niveau des pixels physiques, tandis que le mode d'affichage est souvent meilleur pour le travail sur le navigateur et la mise en page.

Que dois-je inclure lors du partage de valeurs de coordonnées ?

Incluez le type d'appareil, le navigateur, le pourcentage de mise à l'échelle et si les valeurs proviennent du mode natif ou d'affichage.

Ouvrir l'outil | Pixels CSS vs pixels physiques | Flux de travail Windows