有必要為移動端網頁添加-moz -o -ms等css3前綴嗎

問題描述

最近在做一些android, iPhone等設備上瀏覽的移動端網頁.

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

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

問題解答

關于這個問題, 我已經有了答案:

opera 最近也改為使用webkit內核, 所以現在手機瀏覽器領域, 基本已被webkit內核統治. 而windows phone, firefox os以后若真的發展起來, 也就是再加2個css3前綴的事情.

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

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

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

它就給你擴展成這樣：

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：

需要，趨勢只是趨勢，不代表事實！

為了兼容，寫一點我覺得差不多。。。。

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