Ich habe heute etwas gesehen, was mir sonst (warum auch immer) noch nie aufgefallen ist.
Gesetzt ist "font-size: 100%/16px/1rem".
Wenn ich jetzt einem "<a>" oder einem "<p>" diese "font-size" zuweise (dabei ist es egal ob 100%, 16px oder 1rem), wird für das jeweilige Element im Inspektor eine Höhe von 19 (px beim "<a>") bzw. 18 (px beim "<p>"angezeigt.
Wenn ich einem "padding" oder "margin" diese "font-size" zuweise, wird das im Inspektor auch mit exakt 16 (px) angezeigt.
Verändere ich die Werte, siehts so aus:
beim <a>:
5 (px) sind/werden 6 (px)
6 sind 8
7 sind 9
8 sind 10
9 sind 11
10 sind 13
11 sind 13
12 sind 14
13 sind 15
14 sind 17
15 sind 18
16 sind 19
17 sind 20
beim <p>:
5 (px) sind/werden 6 (px)
6 sind 7
7 sind 9
8 sind 10
9 sind 11
10 sind 12
11 sind 13
12 sind 15
13 sind 16
14 sind 16
15 sind 17
16 sind 18
17 sind 20
Bisher bin ich immer davon ausgegangen, dass der Wert für das Element verbindlich festgelegt werden kann. Habe ich da einen Denkfehler?
Ich habe in Chrome und Firefox getestet.
Ich bin grad etwas ratlos - mir ist es nur aufgefallen, weil ich eine pixelgenau in den Header eingepasste Navigation erstellen wollte und immer ein paar Pixel zu viel auf dem Zähler standen. Hat jemand einen Hinweis woran das liegt?
Gesetzt ist "font-size: 100%/16px/1rem".
Wenn ich jetzt einem "<a>" oder einem "<p>" diese "font-size" zuweise (dabei ist es egal ob 100%, 16px oder 1rem), wird für das jeweilige Element im Inspektor eine Höhe von 19 (px beim "<a>") bzw. 18 (px beim "<p>"angezeigt.
Wenn ich einem "padding" oder "margin" diese "font-size" zuweise, wird das im Inspektor auch mit exakt 16 (px) angezeigt.
Verändere ich die Werte, siehts so aus:
beim <a>:
5 (px) sind/werden 6 (px)
6 sind 8
7 sind 9
8 sind 10
9 sind 11
10 sind 13
11 sind 13
12 sind 14
13 sind 15
14 sind 17
15 sind 18
16 sind 19
17 sind 20
beim <p>:
5 (px) sind/werden 6 (px)
6 sind 7
7 sind 9
8 sind 10
9 sind 11
10 sind 12
11 sind 13
12 sind 15
13 sind 16
14 sind 16
15 sind 17
16 sind 18
17 sind 20
Bisher bin ich immer davon ausgegangen, dass der Wert für das Element verbindlich festgelegt werden kann. Habe ich da einen Denkfehler?
Ich habe in Chrome und Firefox getestet.
Ich bin grad etwas ratlos - mir ist es nur aufgefallen, weil ich eine pixelgenau in den Header eingepasste Navigation erstellen wollte und immer ein paar Pixel zu viel auf dem Zähler standen. Hat jemand einen Hinweis woran das liegt?
