Jump to content
xisto Community
TavoxPeru

Em Calculator

Recommended Posts

Hi, if someone need to convert pixels to ems, this calculator will do the trick, also it can calculate child and sibling measurements.

I think that this website will be very helpful and could save some time, so check it out and visit: Em Calculator

Best regards,

Share this post


Link to post
Share on other sites

Now that is a really good calculator you pointed out TavoxPeru.I prefer to use 'ems' instead of specific pixel sizes when defining the font-sizes for various blocks in CSS because else, that would keep the design fixed. If someone wants to resize the fonts using their browser option, they are unable to.But if one uses 'em' sizes for the fonts through out the CSS, then that leads to a truly fluid design and a visitor has choices of font-sizes and can choose whichever is comfortable to him.

Share this post


Link to post
Share on other sites

Now that is a really good calculator you pointed out TavoxPeru.
I prefer to use 'ems' instead of specific pixel sizes when defining the font-sizes for various blocks in CSS because else, that would keep the design fixed. If someone wants to resize the fonts using their browser option, they are unable to.

But if one uses 'em' sizes for the fonts through out the CSS, then that leads to a truly fluid design and a visitor has choices of font-sizes and can choose whichever is comfortable to him.

Tell me something, what you say is that if i specify the font sizes using 'ems' in an external css file the user can't modify these sizes by the browser right??? but if i specify these sizes usign 'ems' directly in the html page using a style attribute of any html tag or by using an inline style they could modify these by the browser???

Best regards,

Share this post


Link to post
Share on other sites

First of all: that's really handy calculator. Thanks for posting TavoxPeru.

Tell me something, what you say is that if i specify the font sizes using 'ems' in an external css file the user can't modify these sizes by the browser right??? but if i specify these sizes usign 'ems' directly in the html page using a style attribute of any html tag or by using an inline style they could modify these by the browser???
Best regards,



No. Em sizes are relational. So if user changes font size in his browser, Ctrl+MouseScroll or View->Font Size in IE, all the fonts are resized proportionally. So headers "<hX>" are increased in size proportianlly as much as the normal text.

If you have set the font size as absolute pixels, the IE, for example, refuses to change it. The font size is set in the code and the browser won't render it differently. Browsers which "zoom" are a different thing as they zoom everything, including tables divs and images.

Ems are the recommended way. Simply because relational measures are far more handy for special browsers such as one's in hand helds. Basically the text stays readable regardless of the screen size or resolution.

Share this post


Link to post
Share on other sites

First of all: that's really handy calculator. Thanks for posting TavoxPeru. No. Em sizes are relational. So if user changes font size in his browser, Ctrl+MouseScroll or View->Font Size in IE, all the fonts are resized proportionally. So headers "<hX>" are increased in size proportianlly as much as the normal text.

If you have set the font size as absolute pixels, the IE, for example, refuses to change it. The font size is set in the code and the browser won't render it differently. Browsers which "zoom" are a different thing as they zoom everything, including tables divs and images.

Ems are the recommended way. Simply because relational measures are far more handy for special browsers such as one's in hand helds. Basically the text stays readable regardless of the screen size or resolution.

Ok, thanks a lot, i will put this in practice right now.

Best regards,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.