Px - Em

[gul_men]

Hat jemand Ahnung wie kann ich meine Schriften in em umwandeln/ausrechen?

Also jetzt habe ich alles auf der Web Seite in px

Aber ich würde gerne anstatt px in em

Danke.

 

[Isometric]

AW: Px - Em

Auf dieser Seite findest du einen "Umrechner":
http://pxtoem.com/

 

[buerzel]

AW: Px - Em

Da gibt es eigentlich nichts umzurechnen, weil ein em die aktuelle Schriftgröße der Schriftart in Pixel angibt.

Beispiel: font-size: 2em; (zu deutsch: Schriftgröße 2em) verdoppelt die Schriftgröße.

 

[noltehans]

AW: Px - Em

Hi gul_men,

steig am besten gleich auf REM um.
So hast du keine Probleme mit der Eltern-Kind-Vererbung.

http://gregrickaby.com/using-the-golden-ratio-and-rems/

 

[berniecook]

AW: Px - Em

Hallo,
ich als absoluter Newbie in Sachen Webseitenerstellung: Könntet ihr mal erklären, was REM, EM, Px- Em ist?

Danke und

Grüße

 

[buerzel]

AW: Px - Em

Guckst du HIER! Und wenn ichs richtig kapiert habe macht man bei Rem die Größenangabe dann in %.

 

[cebito]

AW: Px - Em

Hallo,
ich als absoluter Newbie in Sachen Webseitenerstellung: Könntet ihr mal erklären, was REM, EM, Px- Em ist?

Danke und

Grüße

em ist eine relative Einheit. Bezieht sich auf den im Browser eingestellten PX-Wert in % (body) alle untergeordneten Elemente dann auf ihr übergeordnetes. Bissl kompliziert, im CSS-Contest-Thread 2011 hab ich das mal ausführlicher erklärt (Link such ich gleich raus).
rem (Root-em) ist im Prinzip dasselbe, nur das sich nichts vererbt, so das sich alles auf das Root-Element(body) bezieht, welcher seinen Wert aus dem Browser bekommt es sei denn man macht dort eine eigene PX-Angabe, dann beziehen sich die anderen Elemente darauf.

@buerzel - nein, keine Prozent sondern rem also font-size:1rem; beispielsweise.

Edit - gar nicht so einfach so alte Dinger in so nem langen Thread wiederzufinden

 

[Isometric]

AW: Px - Em

rem (Root-em) ist im Prinzip dasselbe ...

wobei rem erst mit css3 zur Verfügung steht. Meiner Meinung nach ist ein Fallback für ältere Browser (noch) erforderlich. z.B.

p { font-size:20px; font-size:1.25rem; }

Hier die Liste der Browser, die REM unterstützen:
http://caniuse.com/rem

 

[noltehans]

AW: Px - Em

@buerzel ,

schau dir den Link an den ich oben gepostet habe.
Da wird es kurz und knackig erklärt.
(Ist auch gleich eine Lösung für das einfache Umrechnen px -> (r)em dabei.)

Und der Link von cebito erklärt sehr schön das Problem des Vererbens.

 

[gul_men]

AW: Px - Em

Hallo

Noch was...

Wie sieht es mit margin/padding usw..aus ? kann z.b. bei der padding-left ebenfalls em benutzt werden, oder besser px?

Oder ist es egall, kann ich für die Schrifft (Font) em benutzen und für padding/margin/width/height px??


Danke.

 

[cebito]

AW: Px - Em

Du kannst auch für Abstände etc. em benutzen, was auch logisch ist. Wenn bei 12px Schrift ein padding von 10px gut aussieht kann das bei 30px doch scon ganz anders ausschauen.