Comments on: CSS Font-Size: em vs. px vs. pt vs. percent

By: CSS3的REM设置字体大小 | 异次元花园 | 涵盖前端后台的代码库

CSS3的REM设置字体大小 | 异次元花园 | 涵盖前端后台的代码库 — Wed, 16 May 2012 03:28:35 +0000

[...] 在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EMS优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。 [...]

By: How to CSS guide Basics for Wordpress

How to CSS guide Basics for Wordpress — Wed, 09 May 2012 15:42:01 +0000

[...] for font sizes there are a variety of ways to do it, read CSS Font-Size: em vs. px vs. pt vs. percent for a great [...]

By: Steve

Steve — Tue, 08 May 2012 10:22:08 +0000

So what units would you use for your div and other elements? Can you use em for divs for example? It doesn’t make any sense to me to use multiple units in a design. Also, aren’t images in px units? I understand that % is not a unit, but how do you ensure the font scales correctly with images and icons?

By: Nidhin

Nidhin — Thu, 03 May 2012 05:48:32 +0000

Thanks for the post. Very useful information.

By: ilan

ilan — Thu, 03 May 2012 05:44:42 +0000

Thanks!
Good post, exactly what I was looking for

By: Melvin Thambi

Melvin Thambi — Thu, 03 May 2012 05:19:20 +0000

Thanks for differentiating the units, really helpful. Keep Sharing!

By: Chris

Chris — Sat, 28 Apr 2012 16:45:14 +0000

The reason 62.5% works is that converting px to em is very easy — divide by 10 and change the unit.

If body If you have body{ font: 62.5% } then:

20px –> 2.0em
12px –> 1.2em etc.

You can often convert existing CSS using a text editor macro: find px; replace with em; back up 3 characaters; type a .

That works unless the px number already has a decimal, in which case the macro does this:

15.5px –> 15..5em

To guard for that you can either write a more sophisticated macro or search your code for “..” afterwards.

By: James

James — Thu, 19 Apr 2012 10:57:41 +0000

You can also get around the problem of people trying to make the text appear larger via their browser settings by applying a JavaScript hack – so that when they click the browser’s enlarge button, the text stays the same size. :) OR, if you want to teach them a lesson, you can actually make it get smaller – lol, they won’t be clicking that button again!

By: James

James — Thu, 19 Apr 2012 10:53:59 +0000

In my opinion, all text should be hardcoded to no more than 6px. That way, you can fit more content into your pages and, as people have to concentrate harder to read it, it really is a win-win situation.

By: Dubai Web

Dubai Web — Sun, 15 Apr 2012 16:34:43 +0000

Even we been in the business for 8 years we still get muddled up with the percentages and the pixels would you believe.. Our favorite is the 12px with grey font colors .. simply cant beat it even our clients here in Dubai think that its the best to use, however in the UK people say that black is the best!!!