Vidéo: #2 Expérience utilisateur : placer l'internaute au cœur de sa démarche par Lunaweb 2025
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. |
