一、背景来源：
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）
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式