問(wèn)題描述

最近在做一些android, iPhone等設(shè)備上瀏覽的移動(dòng)端網(wǎng)頁(yè).

市面上常見(jiàn)的手機(jī)瀏覽器, 如chrome, safari, QQ手機(jī)瀏覽器, uc瀏覽器, maxthon手機(jī)瀏覽器,360手機(jī)瀏覽器等應(yīng)該都是webkit內(nèi)核的, 所以為這些瀏覽器寫(xiě)頁(yè)面一般寫(xiě)-webkit.

從未來(lái)發(fā)展的角度來(lái)看, firefox手機(jī)瀏覽器, opera mobile, windows phone在國(guó)內(nèi)用的人可能越來(lái)越多, 有必要現(xiàn)在就給所有的css3屬性添加-moz, -o, -ms等前綴嗎?

問(wèn)題解答

關(guān)于這個(gè)問(wèn)題, 我已經(jīng)有了答案:

opera 最近也改為使用webkit內(nèi)核, 所以現(xiàn)在手機(jī)瀏覽器領(lǐng)域, 基本已被webkit內(nèi)核統(tǒng)治. 而windows phone, firefox os以后若真的發(fā)展起來(lái), 也就是再加2個(gè)css3前綴的事情.

所以結(jié)論是: 目前只用管webkit前綴即可.

其實(shí)你如果不排斥 CSS 預(yù)編譯器的話，可以用一下 Stylus ，它有一個(gè) CSS3 的插件 nib，你只要寫(xiě)：

body { background: linear-gradient(top, white, black);}

它就給你擴(kuò)展成這樣：

body { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #000)); background: -webkit-linear-gradient(top, #fff 0%, #000 100%); background: -moz-linear-gradient(top, #fff 0%, #000 100%); background: linear-gradient(top, #fff 0%, #000 100%);}回答3：

需要，趨勢(shì)只是趨勢(shì)，不代表事實(shí)！

為了兼容，寫(xiě)一點(diǎn)我覺(jué)得差不多。。。。

要知道，有些前綴是為了兼容以前的舊版本瀏覽器，有些則只是瀏覽器本身支持，其他不支持。