問題描述

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

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

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

問題解答

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

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

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

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

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í)！

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

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