/    Sign up×
Community /Pin to ProfileBookmark

How Big is an em?

hey all! i was recentley trying to make my images “elastic” to fit all screen resolutions, em’s seemed pretty good. So how big is an em? (eg how many px etc…)

Thanks in advance!

to post a comment
HTML

6 Comments(s)

Copy linkTweet thisAlerts:
@tiberiusjojoauthorDec 18.2006 — nm doesn't work
Copy linkTweet thisAlerts:
@the_treeDec 18.2006 — "em" is a relative value, not a pixel one. And em is the dimensions of one character in regards to the current font-size.
Copy linkTweet thisAlerts:
@felgallDec 18.2006 — An em is defined as the width of a capital M in whatever font you are currently using.
Copy linkTweet thisAlerts:
@scottrickmanDec 19.2006 — If you set your font-size to 62% in your body tag, yes % NOT em this will give everything within that a font-size of (approx) 10px. Then if you want to change the font-size of an element set it to x.x em where x.x is a multiplier i.e. to get 12px equiv. set the font-size to 1.2em. Remember that font-size is inherited from the parent and since em is relative if you nest two elements with the same class attribute the font-size will be applied twice ie. <div class="fontSize1_2em">Text here will be approx. 12px<div class="fontSize1_2em">Text here will be approx 14.4px</div><div class="fontSize1_0em">Text here will be approx 12px</div></div>
Copy linkTweet thisAlerts:
@LeeUDec 19.2006 — Try [URL=http://riddle.pl/emcalc/]this[/URL].
Copy linkTweet thisAlerts:
@Robert_WellockDec 21.2006 — The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used.
×

Success!

Help @tiberiusjojo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.23,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...