代码：
效果：
原理：
先给父级<div>设置宽度（像素）
然后再子<div>里，设置百分比，如图示。
代码原件：
<div style="width:80pxheight:50pxborder:#FF0000 3px solid">
<div style="width:20%height:50%border:#CC33FF 3px solid"></div>
</div>
复制到<body></body>之间使用即可。
css字体设置是没有的，一般都是通过JS或是写适应代码来操作字体大小可视区域的宽度在 600px 和 900px 之间的时候被应用。
@media screen and (min-width: 600px) and (max-width: 900px) {body{font-size:18px}
}
可视区域的宽度在 200px 和 400px 之间的时候被应用。
@media screen and (min-width: 200px) and (max-width: 400px) {
body{font-size:14px}
}
如果a标签没有设置属性为 display:inline-block 或者 block属性 并设定宽度的话，img只会根据li的宽度来进行百分比计算。li设置了宽度的话就是根据li的宽度，没有设定就是根据ul设定的宽度 如果ul也没设定那就是body的宽度，反正这样 一层一层的往上推理。
