Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden. Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Kann es sein das Windows und Mac die Schriftarten verschieden groß darstellen? Oder liegt das nur daran das ich was falsch gemacht habe? Wie kann ich dem vorbeugen?
Der IE unter Windows hat 16px Standardgrösse per Default, am Mac sind die Schriften für Safari kleiner (ca. 12px). Da haben die Mac-Entwickler geschlampt, da der Konsens 16px waren -
soweit ich mich an die Theorie dahinter dunkel erinnere.
Folgendermassen machst Du die Schriften gleich gross, egal ob Mac oder Windows-Rechner:
HTML:
body {
font-size: 62.5%
}
p {
font-size: 1.2em;
}
Damit legst Du im Body die Schriftgrösse auf 62.5% fest und in allen Paragraphen auf 1.2em. Das entspricht bei 62.5% Grösse im Elternelement (->body) ziemlich genau 12px Schriftgrösse. 1.3em sind dann 13px usw..
Mit Selektoren für die anderen Tags kannst Du die Schriftgrössen für Überschriften etc. individuell einstellen.
EM ist eine relative Angabe und bezieht sich immer relativ auf die Grösse der Schrift im Elternelement. Habe ich nichts im Body an Grösse angegeben und gebe für p bsp. 1 em an, enspricht 1em genau 16px.
Mit dem Festlegen von 62.5% im Body mache ich aus den 16px weniger (genau 38.5%, also ca. 10px ) und die Angabe 1.2em macht das Ganze dann wieder etwas grösser, da 0.1em = 1px bei 62.5% im Elternelement sind.
Noch zum Verständnis:
Was passiert, wenn Du Du später im Body die Schrift von 62.5% auf z. B. 75% änderst?
oh... hast ja noch geantwortet. wenn mir hier nen pro was erzählt bedanke ich mich halt immer ganz nett, ohne es vorher auszuzprobiere. außerdem hat sich das ja alles logisch angehört. habe aber gerade keine lust mehr das auszuprobieren. melde mich morgen...äh heute
so habs ausprobiert. also bei firefox sieht es bei mac und win gleich aus. beim internetexplorer 5/6 sieht es noch ein bisschen anders aus. das ergebniss vom ie 7 geht so, aber ist schon eher dran als der 5/6.