一、背景来源：
9月份找工作的时候，接到腾讯笔试题，一个H5项目，于是自己花了三天时间去做，交给了面试官后，面试官要求我再优化一下，可惜当时自己不懂事，以为没啥希望，就没有去优化和争取；选择另外一家公司入职了，现在想想后悔不已，如果再给我一次机会，我一定好好珍惜<(?????)>。最近两天有时间，重构、优化了下这个项目。发现自己之前写得有点糟糕，当然现在优化得可能还是不够好(/ □ \)，看下现在的效果：
二、实践：
1.rem响应式布局:
我之前用媒体查询，html的font-size设置为10px：
View Code
这个导致的结果是，在chrome浏览器下，一直都是12px，我自己调试的时候发现无论怎么设置图片的rem，图片的宽度都没有变化，所以需要注意：
问：设置html font-size:10px;Chrome下1rem=12px,在火狐下1rem == 10px;为什么？如何让Chrome 1rem=10px？
答：因为谷歌浏览器里，字体最小大小为12px，无法再小了 你可以再css里面加上这句 -webkit-text-size-adjust:none; 这样就可以了，
追答：不管用，这条样式在最新版的chrome里已经弃用了。
所以后面我用了这种办法来实现rem响应式布局（拿到的设计稿是640px）
