HeadlinesBriefing favicon HeadlinesBriefing.com

Les pixels sont un mensonge : pourquoi utiliser l'unité ch

Hacker News •
×

Les pixels sont un mensonge. Même avec une précision "pixel perfect", les moniteurs n'affichent pas des carrés platoniciennement parfaits. En CSS, 1px n'équivaut pas à un pixel physique de l'appareil ; sur les écrans HD, il peut s'étendre sur plusieurs pixels.

De même, 1cm en CSS ne correspond souvent pas à un centième de mètre SI, étant généralement plus grand sur les grands écrans TV. Ces longueurs sont perceptuelles : 16px paraît à peu près identique sur un téléphone, un portable ou une TV à distance de visionnage typique. Ce blog textuel définit la largeur basée sur la largeur du caractère en utilisant l'unité "ch" plutôt que des pourcentages d'écran, assurant la lisibilité.

Pour les espaces et marges, l'auteur réutilise l'unité ch pour la proportion de largeur et l'unité "ex" pour la hauteur, relative à la taille typique des minuscules. Sans convertir chaque référence de px en ch, l'auteur expérimente pour voir si l'approche fonctionne, notant qu'il n'y a rien de mal à utiliser px. La philosophie correspond aux proclivités particulières de l'auteur.