Sites


CSS3

Les unités de mesure adaptables

Depuis longtemps, le pixel est le roi dans la définition des dimensions. Cependant d'autres unités ont depuis aussi longtemps été disponibles. Pourcentages, points... et d'autres encores. Dans le cas de sites adaptables on essaiera d'utiliser au maximum des unités relatives, proportionnelles au contexte.

Vous direz certainement : "ben oilà "

unité de mesure em

En ce qui concerne les éléments standards, il sera considéré comme une bonne idée que d'utiliser l'em. L'em part de la police par défaut du navigateur pour définir la dimension de base. Partant de là, toutes les autres mesures sont définies selon leur contexte propre.

L'intérêt d'utiliser cette dimension est évidemment d'adapter l'ensemble de la mise en page au confort de lecture qui sied au visiteur en prenant en compte ses préférences personnelles.

unité de mesure vh ou vw

Le vh ou vw est un cas particulier. Son utilisation sera relative au viewport, s'il est défini. Il servira en général pour des textes de grandes envergures qui doivent se mettre à l'échelle automatiquement. Dans ce contexte, le vw correspond à la largeur du viewport et vh à sa hauteur. Dans les deux cas, 1 équivaut à 1/100° du viewport.

Ainsi pour qu'une zone occupe systématiquement la totalité de celui-ci :

width:100vw

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.