Hello, can someone please tell me the value of an em to pixel?
10em = ?px ?
thanks
+1
A:
It depends on the font and the platform you're rendering on. There is no universal ratio.
Frank Farmer
2009-09-22 22:37:02
+8
A:
There's no specific relationship between em and px. It's computed based on the width of the "m" character for each font-face.
Mark Hurd
2009-09-22 22:38:37
In traditional typography it is. In CSS, however, it is the font height.
David Dorward
2009-09-23 22:04:43
A:
It's about 160px, if 1em is 16px and 10em = 1000%. It's just an approximation, which will depend on font, browser and OS.
Alex Pavlov
2009-09-22 22:42:28
first of all it doesn't make sense, how are you comparing to relative %'s?
CrazyJugglerDrummer
2009-09-23 00:58:38
@CrazyJugglerDrummer, Ems are relative too, 1em = 100% obviously. Pixels and points are depend on font, browser and OS.
Alex Pavlov
2009-09-23 03:50:01
+4
A:
While as others have said, there is no set ratio - as it varies from font to font - it is possible to calculate this for a particular font face/size combination by using DHTML.
Simply create a div with
style="width: 1em; visibility:hidden"
and append it to the place in the document you are interested about.
You can then find out its width by checking the div's clientWidth property
levik
2009-09-22 22:44:00
A:
If you are using a standard sized text font of 11 or 12px then a general rule of thumb is 1em is going to be about that big in pixels, so 11 or 12 pixels.
Stoob
2009-09-23 20:13:22
A CSS em is "The size of the font", so that isn't so much a general rule of thumb and as absolute rule.
David Dorward
2009-09-23 22:02:59
A:
By default 1em is 16px (font-size:100%;), so 16px x 10em = 160px You can change the size of an em by changing the percent of the font-size in the body, for example if you want to change the size of an em to 10px, this would be your CSS:
body { font-size:62.5%; }
16px x 62.5% = 10px
fear2670
2009-09-23 22:00:10
The default is whatever the user has their font size set to. This is often 16px, but not always.
David Dorward
2009-09-23 22:02:25