个人自学，测试使用Demo，仅限制学习测试。最终效果图
附件下载地址：https://files-cdn.cnblogs.com/files/y112102/H5.7z
参考资料：pink老师Flex自学
附加：
2倍精灵图定位
1：下载Adobe Fireworks CS6
用Adobe Fireworks 打开图片 ，css代码
如图：
2:
思路：flex 左边 权重1，右边大小固定，左边的会沾满父元素剩下的宽度。
3：垂直居中
4：flex 原理和属性
移动开发总结：
