一、背景來源：
9月份找工作的時候，接到騰訊筆試題，一個H5項目，于是自己花了三天時間去做，交給了面試官后，面試官要求我再優(yōu)化一下，可惜當時自己不懂事，以為沒啥希望，就沒有去優(yōu)化和爭??；選擇另外一家公司入職了，現(xiàn)在想想后悔不已，如果再給我一次機會，我一定好好珍惜<(?????)>。最近兩天有時間，重構(gòu)、優(yōu)化了下這個項目。發(fā)現(xiàn)自己之前寫得有點糟糕，當然現(xiàn)在優(yōu)化得可能還是不夠好(/ □ \)，看下現(xiàn)在的效果：
二、實踐：
1.rem響應(yīng)式布局:
我之前用媒體查詢，html的font-size設(shè)置為10px：
View Code
這個導致的結(jié)果是，在chrome瀏覽器下，一直都是12px，我自己調(diào)試的時候發(fā)現(xiàn)無論怎么設(shè)置圖片的rem，圖片的寬度都沒有變化，所以需要注意：
問：設(shè)置html font-size:10px;Chrome下1rem=12px,在火狐下1rem == 10px;為什么？如何讓Chrome 1rem=10px？
答：因為谷歌瀏覽器里，字體最小大小為12px，無法再小了 你可以再css里面加上這句 -webkit-text-size-adjust:none; 這樣就可以了，
追答：不管用，這條樣式在最新版的chrome里已經(jīng)棄用了。
所以后面我用了這種辦法來實現(xiàn)rem響應(yīng)式布局（拿到的設(shè)計稿是640px）
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 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實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式