Principes de base des unités de mesure CSS3 - Mannequins

Il existe plusieurs façons de spécifier une valeur lorsque vous travaillez avec CSS3. Par exemple, vous pouvez simplement dire que le navigateur doit utiliser une grande police (où medium est la taille par défaut). Vous pouvez également demander au navigateur de calculer une taille en fonction de la configuration du navigateur.

Les mesures relatives permettent au navigateur d'ajuster la présentation du contenu en fonction de la taille de l'appareil qui l'affiche, mais l'utilisation de mesures relatives signifie également que l'utilisateur peut ne pas voir le contenu tel que vous vouliez le présenter.

Dans de rares cas, l'utilisation de mesures relatives peut rendre le contenu inutilisable, car le navigateur ne sait pas comment utiliser les mesures relatives pour présenter le contenu correctement.

Les mesures absolues ont l'avantage de permettre un placement précis du contenu à l'écran et de donner à ce contenu une taille spécifique ou de donner au contenu une apparence précise. Cependant, n'utilisez les mesures absolues que lorsque vous êtes sûr de la configuration de l'utilisateur.

Par exemple, vous pouvez utiliser des mesures absolues lors de la création d'une application à usage interne au sein de votre organisation et l'organisation a des configurations de périphérique obligatoires.

Lors de la création de mesures absolues et de certaines mesures relatives, vous devez utiliser une unité de mesure que le navigateur comprendra. Voici les unités de mesure normalisées que tout navigateur comprendra, ainsi qu'une description de cette mesure:

Symbole	Mesure	Type	Description
%	Pourcentage	Relatif	Pourcentage d'un élément particulier. Par exemple, une colonne de table peut consommer un pourcentage de l'espace alloué pour la largeur de la table entière .
in	Inch	Absolute	Nombre de pouces à l'écran ou imprimés à utiliser pour afficher un élément . Le nombre de pixels d'un pouce varie en fonction du périphérique et de la configuration de l'appareil.
cm	Centimètre	Absolu	Nombre de centimètres à l'écran ou imprimés à utiliser pour afficher un élément. Le nombre de pixels dans un centimètre varie selon à la configuration de l'appareil et de l'appareil.
mm	Millimètre	Absolu	Nombre de millimètres à l'écran ou imprimés à utiliser pour afficher un élément. Le nombre de pixels dans un millimètre varie selon à la configuration de l'appareil et de l'appareil.
em	Em	Relatif	Un em est calculé en fonction de la taille de police actuelle. La taille par défaut pour la plupart des navigateurs de bureau est 16 px = 1 em. Toutefois, quelqu'un peut configurer le navigateur pour utiliser une police par défaut plus petite ou plus grande.
ex	Ex	Relatif	Contre l'em, l'ex est la hauteur x calculée d'une police , plutôt que la hauteur totale de la police. Sinon, les ex fonctionnent de la même façon que ems.
pt	Point	Absolu	Chaque point est d'environ 1/72 pouce.
pc	Pica	Absolu	Chaque pica est égal à douze points.
px	Pixel	Relatif	Spécifie un point individuel sur l'écran. C'est une mesure relative car elle prend en compte le nombre variable de pixels utilisés par chaque appareil sur une mesure spécifique (normalement un pouce ou centimètre). De nombreux développeurs utilisent des pixels lorsqu'un bon contrôle de présentation est nécessaire, mais une certaine flexibilité est nécessaire pour s'adapter à une plate-forme particulière.