CSS: Unterschied zwischen "em" und "%"?
- Ersteller beebop69
- Erstellt am
R
RETRAX
"Bei einer Formatierung mittels CSS ist die Verwendung der Einheit em oder die Angabe in Prozent durchaus sinnvoll, wobei das W3C die Verwendung von em empfiehlt. Der Vorteil besteht darin, dass diese Angaben relativ sind, und die Schriftgröße somit zu einem gewissen Grade verändert werden kann. 1 Em gibt die Standardgröße des Browsers an. Wird gewünscht, dass die Schrift größer als die Standardgröße des Browsers angegeben wird, so wird ein gewünschter Wert größer 1 gesetzt, soll Sie kleiner dargestellt werden, so wird ein Wert kleiner 1 gesetzt.
Ähnlich verhält es sich mit der Angabe in Prozent (größer als Standard: größer 100% kleinere Größe: kleiner als 100%)."
Also, man kann beide Angaben verwenden, das W3C empfiehlt aber die Verwendung von "em".
Edit: Anbei auch ein guter Link zu dem Thema:
http://dciwam.de/faq/gute-websites/richtige-schriftgroesse
Auszug:
"em - Sicherlich die beste Einheit. Ein 'em' ist die Schriftgrösse der relevanten Schrift, es sei denn, man benutzt das em als Schriftgrösse, dann ist 1em die Schriftgrösse des übergeordneten Elementes. Ist für sämtliche Väter-Elemente keine Schriftgrösse angegeben, ist es die vom Benutzer eingestellte Schriftgrösse. 1em ist also die für den Benutzer am besten lesbare Schriftgrösse.
Mit em ist es möglich, eine hunderprozentig skalierbare Website zu erstellen. Man kann em nicht nur für Schriftgrössen benutzen, sondern auch für die meisten anderen Eigenschaften. Auch Bilder kann man mit 'em' Einheiten auszeichnen. Die Größe eines Bildes ändert sich dann mit der vom Benutzer gewählten Schriftgrösse. Bei der Verwendung von Vektorgrafiken funktioniert das am Besten. Man hat nicht mehr das Problem, dass eine Webseite alles zu klein darstellt, wenn man unter einer Sehschwäche leidet, man stellt im Browser die Schriftgrösse einfach ein wenig größer und alle Texte, Grafiken und anderes passt sich dieser Einstellung an."
Gruss
Retrax
Ähnlich verhält es sich mit der Angabe in Prozent (größer als Standard: größer 100% kleinere Größe: kleiner als 100%)."
Also, man kann beide Angaben verwenden, das W3C empfiehlt aber die Verwendung von "em".
Edit: Anbei auch ein guter Link zu dem Thema:
http://dciwam.de/faq/gute-websites/richtige-schriftgroesse
Auszug:
"em - Sicherlich die beste Einheit. Ein 'em' ist die Schriftgrösse der relevanten Schrift, es sei denn, man benutzt das em als Schriftgrösse, dann ist 1em die Schriftgrösse des übergeordneten Elementes. Ist für sämtliche Väter-Elemente keine Schriftgrösse angegeben, ist es die vom Benutzer eingestellte Schriftgrösse. 1em ist also die für den Benutzer am besten lesbare Schriftgrösse.
Mit em ist es möglich, eine hunderprozentig skalierbare Website zu erstellen. Man kann em nicht nur für Schriftgrössen benutzen, sondern auch für die meisten anderen Eigenschaften. Auch Bilder kann man mit 'em' Einheiten auszeichnen. Die Größe eines Bildes ändert sich dann mit der vom Benutzer gewählten Schriftgrösse. Bei der Verwendung von Vektorgrafiken funktioniert das am Besten. Man hat nicht mehr das Problem, dass eine Webseite alles zu klein darstellt, wenn man unter einer Sehschwäche leidet, man stellt im Browser die Schriftgrösse einfach ein wenig größer und alle Texte, Grafiken und anderes passt sich dieser Einstellung an."
Gruss
Retrax
Zuletzt bearbeitet von einem Moderator:
