最近做手机移动端页面经常需要使用到百分比，但用起来并不是很顺利，主要是没搞清楚元素的参考对象

1. 在background-size中使用百分比

误区：参照图片原始大小
正解：参照所属容器的宽高

先看下demo:在background-size中使用百分比Demo

默认值为auto auto，不伸缩；
如果高度对应的值设为100%，则以高度为基准进行等比缩放，最终值为容器的高度；宽度类似，如果宽高同时设为100%，
则将图片拉伸为容器大小；
contain 等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内；
cover 等比缩放到完全覆盖容器，背景图像有可能超出容器；

弄清楚参考对象，就可以根据不同场景下来进行选择使用。

2. line-height

误区：参照容器的高度
正解：参照字体的大小

3.