px和em的区别



px：相对长度单位，是相对于屏幕分辨率而言的，国内推荐

    这样的话再通过IE顶部菜单中的“查看-文字大小”设置已无任何作用，对字体感觉太小的浏览器而言，无疑是很不好的用户体验过程，其实这一切都可以避免，那就是使用em作为字体的单位。

em：相对长度单位，相对于当前对象内文本的字体尺寸，国外使用较多。若当前行内文本的字体尺寸未被人设置，则相对于浏览器的默认字体尺寸。

     所有浏览器的默认字体大小是16px，所以未经调整的浏览器在显示时1em=16px，即1px=0.0625em，也就是说12px=0.75em，10px=0.625em，通过1px=0.0625em，大家可以在css编写时，通过px转化为em，还有一种方便的方法，看下面。

    为了简化font-size的换算，需要在css中的body选择器中声明 Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。 很多初学者可能会在此定义0.625em或者直接定义12px，这是没有效果的，一定要定义62.5%，由于em会继承父元素的字体大小的特点，这里的1em=10px。

     此外，还要注意IE处理汉字的时候，对于浮点数的取值精确度是有限的， 在body下62.5%出来的12px字体比直接定义的要大一点点，只要将62.5%换成63%就可以了，通过以上对css代码的调整，你会发现自己的网站又向用户体验设计更靠近了一步。

     在中文文章里，一般会在段首空两格，若用px作为单位，对于12px的字体来说要空出24px,这样换算非常不通用，如果用上em,这个问题就很好解决，1个字体为1em，那2个为2em，即p{text-indent:2em;}