px	相对于屏幕分辨率而言；
em	相对于屏幕分辨率+浏览器默认字体大小而言（默认为中：16px，可调，有最大、较大、中、较小、最小；设置字体大小为em的部分网页内容，当在浏览器上选择较小时，文字大小有变化，设置为px的文本则没有反应）
%	相对于屏幕物理尺寸或窗口物理尺寸；

1 px也是一个相对长度单位；

2 %,em都是根据父元素的大小来决定自己大小的一种相对单位；如果你元素没有定义字体大小，则会自动向上继承祖先元素的字体大小。如果所有祖先元素都没有定义字体大小，则根据浏览器默认字体大小来进行设置；所有浏览器的默认字体大小都为16px;em和百分比在作用和效果上都是相同的。1em=100%

3 浏览器的默认宋体为16px,如果标签设置大小为2em;则字体大小为32px;第二级标签为2em，早大小也是在父元素大小的基础上的2倍，即64em;如果顶级标签设置为0.75em，即12px,第二级为1.333em,则大小为16px;参考的父元素一定要对；

4 行高line-height一般用%或em做为单位，即参照对象是父元素字体高度；

px值和%值
屏幕分辨率设置：1280*768px;
能在浏览器窗口中呈现的高：			570	100.00%	570.6667
能在浏览器窗口中呈现的宽：			1275	100.00%	1275.07
1 最顶层的容器：计划宽（如960/1275;
2 (百分比一定是相对于上一容器的百分比；所以如果原来是以px为单位，折算时其值的计算要除以容器的值做为分母）
3 如果其上层容器是960px;其下层容器也是960,则下层容器的百分比值应是100%；
4 在分辩率为1280*768px下设置网页顶层包含框的宽为75.29%时，在分辨率为1048时，相同物理面积的内容显示减少了，因为相同字体的设置值，在低分辨率下字体会变大；
顶层计算：			顶层以下层
宽设置值的px值和%值			宽设置值的px值和%值
屏幕	px	%	上层宽	本层宽	%
1275	960	75.29%	960	340	35.42%
1275	955	74.90%	960	480	50.00%
1275	1024	80.31%	960	140	14.58%
宽设置值的px值和%值			宽设置值的px值和%值
屏幕	px	%	上层宽	本层宽	%
570	428	75.09%