Unites Absolues vs. Relatives
Les unites CSS se divisent en deux categories. Les unites absolues (px, pt, cm, mm, in) ont des tailles physiques fixes. Les unites relatives (rem, em, %, vw, vh) s'adaptent selon le contexte comme la taille de police ou les dimensions du viewport. Les unites relatives sont essentielles pour le design web responsive car elles s'adaptent a differents ecrans et parametres utilisateur.
Comprendre rem et em
rem reference la taille de police de l'element racine ; si html a font-size: 16px, alors 1rem equivaut a 16px partout. em reference la taille de police du parent de l'element actuel, ce qui signifie que les valeurs em imbriquees se composent. La plupart des frameworks modernes preferent rem pour la coherence et la previsibilite dans les composants profondement imbriques.
Unites de Viewport : vw et vh
1vw equivaut a 1% de la largeur du viewport ; 1vh equivaut a 1% de la hauteur du viewport. Ces unites sont puissantes pour les layouts plein ecran, la typographie responsive et l'espacement qui s'adapte a la fenetre du navigateur. Soyez prudent sur mobile ou la barre d'adresse peut affecter la hauteur du viewport.
Quand Utiliser les Unites Physiques
Les unites physiques comme pt, cm, mm et in sont destinees aux medias d'impression. Les points (pt) sont standard en typographie d'impression ou 72pt equivalent a un pouce. Utilisez les unites physiques dans les feuilles de style @media print ; evitez-les pour les layouts ecran car le DPI varie selon les appareils.
