relative Angabe von Schriftgrößen in em

[Matthias Scharwies]

Servus!

Dieser Forumsbeitrag bezieht sich auf eine von @BerlinerTourGuide angefangene Diskussion im Wiki:

im artikel (und in meinem dicken fachbuch) heißt es: "Wird die Schriftgröße selbst (font-size) in em festgelegt, bezieht sich die Einheit auf die Schriftgröße des Elternelements." die groß und in welchen einheit (px?) ist denn dann nun die schriftgröße des elternelements?

Das hängt von Fall zu Fall ab, je nachdem welche Elternelemente es gibt.

Früher war es üblich, einer Webseite im CSS eine bestimmte Schriftgröße zuzuordnen:

body {
  font-size: 12px;
}

Folgende Elemente übernehmen diese Schriftgröße (sie wird vererbt), außer wenn sie geändert wird. Also ist bei einem nachfolgenden Kindelement mit 1.5em Schriftgröße die berechnete Schriftgröße 12x1.5 = 18px.

Wiki-Tutorial: CSS/Kaskade

wo schaue ich das nach? wusste nicht, dass eine schrift soz. eine standardgröße hat.

In den Entwicklerwerkzeugen Deines Browsers. Rechtsklick und "Element untersuchen"

Wiki-Tutorial: HTML/Tutorials/HTML & CSS mit dem Seiteninspektor untersuchen

• wenn das gemeint ist... und was ist in diesem zusammenhang das elternelement?? (wenn ein paragraph in einem div steht, verstehe ich, dass der <p> das kindelement des <div> ist, aber bei einer schrift?

Genauso! wenn du in Deinem div eine Angabe einer Schriftgröße hast, gilt diese!

muss ich irgendwo eine bezugsschrift und eine basisgröße definieren, in px?

Mittlerweile hat man aber gemerkt, dass Browser Schrift ohne Angabe der Größe eigentlich passend darstellen, und nimmt statt einer festen, absoluten Angabe einfach die Standardschriftgröße des Brwosers (im Firefox und anderswo 16px).

Es ist besser, wenn Du keine Bezugsschrift definierst, da du dir, wie bereits gesagt wurde, nie sicher sein kannst, dass es diese Schrift auf allen Geräten auch gibt. Jedes Betriebssystem, jeder Browser und auch jede Rendering Engine haben ihre eigenen, zum Teil abweichenden Schriften und Maße. Deshalb ist ein pixelgenaues Layout nur auf Deinem Gerät möglich, aber nicht auf den Geräten Deiner Kunden!

Wiki-Tutorial: Responsive WebDesign

alles dinge, die sich der nicht-fachmensch fragt, und die 'automatisch' beantwortet werden sollten!

Nein, aber dafür sind die Tutorials da und nicht die einzelnen Seiten zu den CSS-Eigenschaften

danke im voraus! --Hahawe (Diskussion) 10:38, 27. Jan. 2017 (CET)

https://forum.selfhtml.org/meta/2017/jan/27/selfhtml-wiki-zahlen-masse-und-masseinheiten/1685357#m1685357

Der Artikel wurde geändert, schau mal, ob's jetzt verständlicher ist.

ich schlage zur definition von "em" folgendes vor: 'Ein "em" ist eine Maßeinheit, die über einen Umrechnungsfaktor auf die im Elternelement geltende Schriftgröße Bezug nimmt. Ist diese Schriftgröße z.b. 16px, so entsprechen 0.5em [Vorsicht! Trennungszeichen ist ".", nicht ","!] einer Größe von 8px.

Stimmt!

Mit "em" können Schriften, aber auch beliebige andere Elemente (z.B. "border") dimensioniert werden.

Nein, keine Elemente, sondern Eigenschaften, und da die Längenangaben. Und eine Maßeinheit wie Meter oder em dimensioniert auch nicht!

Die Schriftgröße des Elternelements wird dort definiert oder gilt durch Vererbung aus dem übergeordneten Element weiter.'

Stimmt!

das wäre - falls richtig - m.e. klarer und für die praxis des einsteigers hilfreicher... --Hahawe (Diskussion) 17:05, 18. Mär. 2017 (CET)

Herzliche Grüße

Matthias Scharwies