做前端開發的都很注重js各種交互和炫酷，這本沒錯，甚至不惜血本大量時間精力在js各種框架架構中遨游，卻忽略了最基本，最常用的html，css,甚至很基礎的東西，讓人有時大跌眼鏡，覺得js已經很牛，很ok，但潛在的兼容等問題卻忽略了，等項目上線后會沉浸在各種正常或新手機頁面中，覺得很贊，但總有一小部分人，還會拿出過時的iphone4或其他機型，操作系統很古老一直沒升級的那種，這時這些炫酷靚麗的頁面卻在這些機型上很‘傷眼’，讓人不想再多看一眼，甚至想馬上關閉消滅它（這種視覺污染），這時前端開發的會忽然意識到布局兼容性也很重要，那么很好，sublime text編輯器正好有這款插件可以自動添加兼容前綴的插件。廢話不多說，進入主題：
打開sublime，Preferences > Package Control，輸入:install package，如果這步能順利進行則繼續下一步驟，如果不能請參照以下步驟：
打開https://packagecontrol.io/installation，根據編輯器版本進行一下操作：
如上代碼復制粘貼進去即可，重新打開sublime編輯器，就會發現Preferences > Package Control，好，有了這個基礎，繼續進行下一步：
回車，等會兒，在新打開的窗口輸入：autoprefixer，會自動出現相關插件，選擇，安裝，
安裝完成后，設置快捷鍵：打開Preferences > Key Bindings，在右側填入設置的快捷鍵：
[
{ "keys": ["ctrl+alt+o"], "command": "autoprefixer" }
]
默認的補齊前綴是沒有-moz-和-ms-的，需要自定義，點擊Preferences > Package Settings會出現Autoprefixer選項，點擊打開該選項：
設置左側browsers屬性值：
"browsers": ["last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"],
為瀏覽最新版本添加前綴，市場份額大於0.1%，美國份額>5%，ie6-ie8，火狐版本20以下
browsers元素解釋如下：
新建一個css文件，
.z-bottom-nav .z-list {
display: flex;
height: .48rem;
text-align: center;
height: 100%;
}
使用ctrl+alt+o進行補前綴后：
.z-bottom-nav .z-list {
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
display: flex;
height: .48rem;
text-align: center;
height: 100%;
}
至此添加插件，自動補前綴，大功告成！不足之處，歡迎大家補充修正~~~
