首先先介绍绝对数值,基于现实生活数值,所以呈现的情况在各种装置下将会一致,也因此不建议使用在萤幕上,原因是呈现出来萤幕的大小是很多变的,若使用固定尺寸输出将会造成呈现错误。

接下来来讨论比例上的计算,以em当例子,若我们设定字形尺寸为 2in, 1em 就相当于 2in。 em 相关于 font-size大小,所以字体大小也影响到 em的所呈现的大小。我们也常看到 "text-ident: 1.5em" 或是 "margin: 1em"这种用法,都是配合字体大小设定所呈现的格式。下方我做了个 em实例,有机会可以去实验看看。

最后介绍 px 这个特别的单位,他和上述两个不一样的地方是,他是基于电脑萤幕所发展出来的规格,定义在最小,但是是可以看见的一个单位下所创造出来的萤幕单位。而 px 这名字则是来自于 screen pixels。

下面这张图是 W3C 各种单位推荐的的使用方法。也可以参考看看。