EM和PX的关系

其中比较熟悉和经常使用的是px，其次便是em，而其他几种单位则不常使用，也不是设置显示文字大小好的选择。pt和pc主要用于印刷制品的文字大小定义，一般出现在为印刷定义的样式中；em是相对单位，一般的1em=大写字母M的高度，且其具有继承性，可以继承父标签的属性；ex也是相对单位，一般的1ex=小写字母x的高度，很少使用。

据目前的情况来看，单位的选取主要集中在px，em和%上，普遍的观点是放弃使用px，使用em和%来定义文字大小。

为何放弃px？对于IE和IE内核的浏览器，客户端不能通过设置“文字大小”来改变页面文字大小，这一点就不符合“易用性”(Accessibility)，在国内对这一点没有强制要求，可以自由定夺；但在法治相对健全的国家，像美国，就有相关的法案强制网站必须达到一定的易用性。因为不可能保证浏览网页的人都是“健全”的，有些人可能怀有影响阅读的疾病，比如近视，这时往往需要改变“文字大小”来协调阅读。

仅仅因为这一点而放弃易用的px确实有点冤枉，但对于逐渐人性化的发展趋势来说，这也是必要的；或者在IE8中可以通过设置“文字大小”而改变页面文字大小。这时便可以重新使用px了。

为何选择em和%？em和%都是相对单位，可以方便的在客户端进行设置而改变页面文字大小，从而达到了页面一定的“易用性”。

em为何物？上面也提到了，em是相对单位，em的初始值是1em=16px，为了能够方便的和px进行转换，常常在body中定义font-size为62.5%，这时1em=16px × 62.5%=10px，所以12px=1.2em，也就是在不考虑单位时，前者除以10即可。

我们需要怎么做？通过上面简单的说明，知道了在定义字体大小时，最好的选择时使用em和%作为单位，而放弃px的使用，那么具体要怎样做呢？

首先，为body定义字体大小，使用%：body{font-size：62.5%;}

其次，为其他标签定义字体大小，这时就需要用em，同时需要注意继承性。例如.entry无父类，其文字大小为1.2em(=12px)，.entry p文字大小为1.2em，这时p中的文字大小就不是1.2×10=12px，而是1.2×1.2×10=14.4px。

我们需要做什么？看完本文后，如果您觉得有必要可以对你的站点进行文字大小的重定义，使用上面提到的方法；如果仍然使用px也无可厚非，毕竟很少有人通过客户端来设置字体大小，至少国内还没有相关条例强制要求。