AutoPrefixer

自動(dòng)添加瀏覽器兼容前綴的插件。
以VS Code為例:
在應(yīng)用商店里搜索擴(kuò)展autoprefixer,如圖:


搜索autoprefixer

點(diǎn)擊安裝。
然后就可以使用啦抱婉。
那么要怎么使用呢?比如我寫一個(gè)樣式如下:

.example {
  display: flex;
  transition: all .5s;
  user-select: none;
  background: linear-gradient(to bottom, white, black);
}

在VS Code編輯界面桌粉,右鍵蒸绩,選擇“命令面板”,或者ctrl+shift+P調(diào)出命令面板铃肯,輸入autoprefixer關(guān)鍵字患亿,點(diǎn)擊一下:

使用AutoPrefixer

然后代碼就變成帶有瀏覽器兼容前綴的了,如下:

.example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: -webkit-linear-gradient(top, white, black);
  background: linear-gradient(to bottom, white, black);
}

參考文章:
autoprefixer
AutoPrefixer
如何處理CSS3屬性前綴
Compass用法指南

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末押逼,一起剝皮案震驚了整個(gè)濱河市窍育,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌宴胧,老刑警劉巖漱抓,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異恕齐,居然都是意外死亡乞娄,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門显歧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)仪或,“玉大人,你說(shuō)我怎么就攤上這事士骤》渡荆” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵拷肌,是天一觀的道長(zhǎng)到旦。 經(jīng)常有香客問(wèn)我,道長(zhǎng)巨缘,這世上最難降的妖魔是什么添忘? 我笑而不...
    開(kāi)封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮若锁,結(jié)果婚禮上搁骑,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好仲器,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布煤率。 她就那樣靜靜地躺著,像睡著了一般乏冀。 火紅的嫁衣襯著肌膚如雪涕侈。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天煤辨,我揣著相機(jī)與錄音,去河邊找鬼木张。 笑死众辨,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的舷礼。 我是一名探鬼主播鹃彻,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼妻献!你這毒婦竟也來(lái)了蛛株?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤育拨,失蹤者是張志新(化名)和其女友劉穎谨履,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體熬丧,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡笋粟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了析蝴。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片害捕。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖闷畸,靈堂內(nèi)的尸體忽然破棺而出尝盼,到底是詐尸還是另有隱情,我是刑警寧澤佑菩,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布盾沫,位于F島的核電站,受9級(jí)特大地震影響殿漠,放射性物質(zhì)發(fā)生泄漏疮跑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一凸舵、第九天 我趴在偏房一處隱蔽的房頂上張望祖娘。 院中可真熱鬧,春花似錦、人聲如沸渐苏。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)琼富。三九已至仪吧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鞠眉,已是汗流浹背薯鼠。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留械蹋,地道東北人出皇。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像哗戈,于是被迫代替她去往敵國(guó)和親郊艘。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 眾所周知為兼容所有瀏覽器唯咬,有的CSS屬性需要對(duì)不同的瀏覽器加上前綴纱注,然而有時(shí)添加一條屬性,需要添加3~4條類似的屬...
    6ed7563919d4閱讀 34,151評(píng)論 3 11
  • 本文轉(zhuǎn)自該博客項(xiàng)目源碼http://discipled.daoapp.io/#/ 眾所周知為兼容所有瀏覽器胆胰,有的 ...
    leonC走來(lái)閱讀 1,909評(píng)論 0 0
  • 我們?cè)谔幚砭W(wǎng)頁(yè)的時(shí)候狞贱,往往會(huì)遇到兼容性的問(wèn)題。在這個(gè)問(wèn)題上分為兩個(gè)大的方向:屏幕自適應(yīng)&瀏覽器兼容蜀涨。而屏幕自使用的...
    追卓2018閱讀 1,218評(píng)論 0 0
  • Autoprefixer 是處理瀏覽器前綴的后處理程序斥滤,可以實(shí)現(xiàn)css3代碼自動(dòng)補(bǔ)全前綴 實(shí)現(xiàn)步驟 1. 安裝 n...
    Moorez閱讀 1,645評(píng)論 0 1
  • github地址 也可以點(diǎn)擊這個(gè)然后搜索install 1.安裝全局的autoprefixer 2. 通過(guò)命令行調(diào)...
    sunny519111閱讀 1,076評(píng)論 0 2