pxpx代表一个像素（电脑屏幕上的一个点：1px=1/96in），是一个绝对单位，不会因为其他元素的大小而改变。关于em在任何浏览器中的默认字体高度为16px。所有未经调整的浏览器都符合：1em=16px。那么12px=0.75em，10px=0.625em。为了简化字体大小转换，需要在css中的body选择器中声明Font-size=62.5%，使得em值16px*62.5%=10px，所以12px=1.2em，10px=1em，也也就是说你只需要将你原来的px值除以10，然后换成em为单位即可。em具有以下特点：1.em的值不固定；2.em会继承父元素的字体大小。所以我们在写CSS的时候需要注意两点：1.在body选择器中声明Font-size=62.5%；2、将你原来的px值除以10，然后换成em为单位；3.重新计算那些放大字体的em值。避免重复声明字体大小。即避免了1.2*1.2=1.44的现象。比如你在#content中声明了1.2em的字号，那么在声明p的字号时，只能是1em，不能是1.2em，因为这个em不是另一个em，它继承了字高#content的变成了1em=12px。任何浏览器的默认字体高度都是16px。所有未调整的浏览器都符合1em=16px。在css中的body选择器中声明Font-size=62.5%，使em值变为16px*62.5%=10px；12px等于1.2em。remcss3增加了相对单位rem（IE8及以下不支持该单位），使用rem和em一样，都是相对字体大小单位，不同的是rem是相对于HTML根元素的。常用用法：html{font-size:62.5%;/10÷16×100%=62.5%/}body{font-size:1.4rem;/1.4×10px=14px}h1{font-size:2.4rem;/2.4×10px=24px/}
