css中em px 差别你真的掌握吗

以前听人说过，网站建设中字体样式企业应当用em而无需px，缘故简易来讲便是适用IE6下的字体样式放缩，在网页页面中按ctrl+滚轮，字体样式以px为企业的网站沒有反映。px是肯定企业，不适用IE的放缩，em是相对性企业。

最先掌握1下em是何物？

em指字体样式高，随意访问器的默认设置字体样式高全是16px。因此未经调剂的访问器都合乎: 1em=16px。那末12px=0.75em, 10px=0.625em。以便简化font -size的换算，必须在css中的body挑选器中申明Font-size=62.5%，这就使em值变成16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也便是说只必须将你的原先的px标值除以10，随后换上em做为企业就可以了。em有以下特性：

1. em的值其实不是固定不动的；
2. em会承继父级元素的字体样式尺寸。

重新写过流程：

1. body挑选器中申明Font-size:62.5%；
2. 将你的原先的px标值除以10，随后换上em做为企业；

简易吧，假如只必须以上两步就可以处理难题的话，将会就没人用px了。历经以上两步，你会发现你的网站字体样式大得出乎想像。由于em的值不固定不动，又会承继父级 元素的尺寸，你将会会在content这个div里把字体样式尺寸设为1.2em, 也便是12px。随后你又把挑选器p的字体样式尺寸也设为1.2em，但假如p属于content的子级的话，p的字体样式尺寸就并不是12px，而是1.2em= 1.2 * 12px=14.4px。这是由于content的字体样式尺寸被设为1.2em，这个em值承继其父级元素body的尺寸，也便是16px * 62.5% * 1.2=12px, 而p做为其子级，em则承继content的字体样式高，也便是12px。因此p的1.2em就已不是12px，而是14.4px。

3. 再次测算那些被变大的字体样式的em标值。防止字体样式尺寸的反复申明，也便是防止以上提到的1.2 * 1.2= 1.44的状况。例如说你在#main中申明了字体样式尺寸为1.2em，那末在申明p的字体样式尺寸时就只能是1em，而并不是1.2em, 由于此em非彼em，它因承继#content的字体样式高而变成了1em=12px。

诡异的12px中国汉字

在进行em变换时还会发现1个诡异的状况，便是由以上方式获得的12px(1.2em)尺寸的中国汉字在IE中其实不等于立即用12px界定的字体样式尺寸，而 是稍大1点。这个难题我早已处理，你只需在body挑选器中把62.5%换为63%就可以一切正常显示信息了。