CSS 字体单位em简介

当初我涉足网页制作的领域时，老师的一句话让我铭记在心：要想确保内容的一致展现，必须使用CSS来明确定义字体大小。这一准则，在当今的中国网页中尤为盛行。无论是网易、搜狐这样的门户网站，还是其他大多数站点，他们选择的单位都是绝对的px（像素）。

从网站的用户友好性角度来看，字体大小应该是可调整的。对于那些视力不佳的用户来说，放大字体才能让他们看清页面内容。遗憾的是，占据市场大部分的IE浏览器在调整使用像素为单位的字体大小时会遇到困难。

与国际视野相比，中国的网页制作在选择字体单位时似乎更倾向于像素。而在国外，网站的易用性备受重视。许多外国站点已经转向使用em作为字体单位。那么什么是em呢？它是一个相对单位，指的是相对于当前字体大小的一个字体大小单位。这就意味着它会继承其父级元素的字体大小，并非一个固定的值。

所有浏览器的默认字体大小都是16px。在一般的换算中，1em等于当前字体大小的75%。为了方便计算，开发者通常会设置如下样式：将html元素的字体大小设为62.5%，这样1em就等于10px。这样，常用的1.2em在理论上就等于12px。

但在IE浏览器下，这种换算并不完全准确。为了解决这个问题，开发者们找到了一个解决办法：将html标签样式中的字体大小从62.5%调整为63%。也就是说，在IE浏览器中，1em等于当前字体大小的约63%。这样调整之后，换算就更加准确了。

对于中文文章来说，段落的首行通常需要空出两个字的空格。如果使用像素作为单位，那么对于不同大小的字体，需要空出的像素数量也会不同，这就增加了换算的复杂性。而使用em作为单位则能轻松解决这个问题。因为一个字的大小就是1em，所以只需定义段落的首行缩进为两个em即可实现通用的空格效果。这样，无论字体大小如何变化，首行的空格始终是两个字的大小。