Introduction à la mise en page élastique
Objectifs
Les objectifs de cette leçon sont de :
- Comprendre l'usage des unités EM pour une mise en page adaptative.
- Apprendre à ajuster les tailles de blocs en fonction de la police.
- Découvrir les astuces pour simplifier les calculs de dimensions.
Résumé
Cette leçon couvre la mise en page élastique utilisant des unités EM, ajustant la taille en fonction de la police.
Description
Dans cette leçon, nous explorerons comment créer une mise en page élastique en utilisant des blocs dimensionnés en EM. Les unités EM sont relatives à la taille de la police de la page. Ainsi, en modifiant la taille de la police générale, les blocs changent proportionnellement. Nous verrons comment insérer des blocs avec un identifiant et leur attribuer des dimensions spécifiques (ex. 50 EM de largeur et 20 EM de hauteur), et comment les styles appliqués à ces blocs changent avec l'ajustement de la taille de la police. Nous expliquerons également une astuce répandue : ramener la taille de police à 62.5% pour simplifier les calculs avec les unités EM. Enfin, nous aborderons comment gérer les éléments enfants pour éviter de modifier les dimensions des éléments parents lorsqu'on ajuste la taille de la police pour le texte dans des zones spécifiques.