Le sizing en CSS
Quelle est la différence entre une unité absolue et relative
Les pixels sont une unité absolue, 500px feront toujours la taille de 500px peu importe la taille de l'écran. Les pourcentages sont une unité relative, 50% d'un écran de 1000px ne fait pas la même taille que 50% d'un écran de 1900px. La bonne réponse était donc la 3.
Je souhaite utiliser les em pour mes tailles de police mais je n'ai défini aucune taille de référence au préalable. Qu'elle sera la taille par défaut de 1em ?
Les em sont une unité relative, ils se basent donc sur une unité de référence qui par défaut et la taille de police du navigateur (16px)
J'ai une section qui fait 300px de large sur smartphone et 800px sur ordinateur. A l'intérieur se trouve un article de largeur 25%. Qu'elle sera la largeur de mon article en px sur smartphones et ordinateurs ?
25% de 300px = 75px (4*75=300) et 25% de 800px = 200px (4*200=800)
Quelle est la spécificité des REM ?
Les REM sont une unité relative semblable aux EM à la différence qu'ils seront toujours proportionnels à la taille de police par défaut du document (16px souvent). Autrement-dit un REM fera toujours 16px et deux REM 32px
Dans mon header où j'ai défini la taille de police à 30px, j'écris un titre de taille 3em. Quelle sera la taille de mon titre en pixels ?
Dans mon header j'ai défini la taille de police par défaut à 30px, par conséquent 3em valent 3*30 soit 90px