标签：浏览器 解决 using 定义 不能 大小 设置 相对 body
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。body {
font-size: 62.5%; /10 ÷ 16 × 100% = 62.5%/
}
h1 {
font-size: 2.4em; /2.4em × 10 = 24px /
}
p {
font-size: 1.4em; /1.4em × 10 = 14px /
}
li {
font-size: 1.4em; /1.4 × ? = 14px ? /
}
为什么"li"的"1.4em"是不是“14px”将是一个问号呢？如果你了解过“em”后，你会觉得这个问题是多问的。前面也简单的介绍过一回，在使用“em”作单位时，一定需要知道其父元素的设置，因为“em”就是一个相对值，而且是一个相对于父元素的值，其真正的计算公式是：
1 ÷ 父元素的font-size × 需要转换的像素值 = em值这样的情况下“1.4em”可以是“14px”,也可以是“20px”，或者说是“24px”，总之是一个不确定值，那么解决这样的问题，要么你知道其父元素的值，要么呢在任何子元素中都使用“1em”。这样一来可能又不是我们所需要的方法。
标签：浏览器 解决 using 定义 不能 大小 设置 相对 body
原文地址：http://blog.51cto.com/taoyouth/2137419
