| 屏幕分辨率设置：1280*728px; | 补充 | ||||||
| 能在浏览器窗口中呈现的高： | 570 | 100.00% | 570.6667 | 1 px也是一个相对长度单位； | |||
| 能在浏览器窗口中呈现的宽： | 1275 | 100.00% | 1275.07 | 2 %,em都是根据父元素的大小来决定自己大小的一种相对单位； | |||
| 1 最顶层的容器：计划宽（如960/1275; | |||||||
| 2 (百分比一定是相对于上一容器的百分比；所以如果原来是以px为单位，折算时其值的计算要除以容器的值做为分母） | 3 浏览器的默认宋体为16px,如果标签设置大小为2em;则字体大小为32px;第二级标签为2em，早大小也是在父元素大小的基础上的2倍，即64em;如果顶级标签设置为0.75em，即12px,第二级为1.333em,则大小为16px;参考的父元素一定要对； | ||||||
| 3 如果其上层容器是960px;其下层容器也是960,则下层容器的百分比值应是100%； | |||||||
| 4 在分辩率为1280*728px下设置网页顶层包含框的宽为75.29%时，在分辨率为1048时，相同物理面积的内容显示减少了，因为相同字体的设置值，在低分辨率下字体会变大； | |||||||
| 顶层计算： | 顶层以下层 | ||||||
| 宽设置值的px值和%值 | 宽设置值的px值和%值 | 4 行高line-height一般用%或em做为单位，即参照对象是父元素字体高度； | |||||
| 屏幕 | px | % | 上层宽 | 本层宽 | % | ||
| 1275 | 960 | 75.29% | 960 | 340 | 35.42% | ||
| 1275 | 955 | 74.90% | 960 | 480 | 50.00% | px | 相对于屏幕分辨率而言； |
| 1275 | 1156 | 90.67% | 960 | 140 | 14.58% | em | 相对于屏幕分辨率+浏览器默认字体大小而言（默认16px，可调；） |
| 宽设置值的px值和%值 | 宽设置值的px值和%值 | ||||||
| 屏幕 | px | % | 上层宽 | 本层宽 | % | % | 相对于屏幕物理尺寸或窗口物理尺寸； |
| 570 | 428 | 75.09% | |||||
| 12号字14号字16号字18号字 | |||||||
| winWidth = document.documentElement.clientWidth;ie=1276,fox=1280 | |||||||
| ie=1255,firefox=1259 | |||||||