有必要为移动端网页添加-moz -o -ms等css3前缀吗
问题描述
最近在做一些android, iPhone等设备上浏览的移动端网页.
市面上常见的手机浏览器, 如chrome, safari, QQ手机浏览器, uc浏览器, maxthon手机浏览器,360手机浏览器等应该都是webkit内核的, 所以为这些浏览器写页面一般写-webkit.
从未来发展的角度来看, firefox手机浏览器, opera mobile, windows phone在国内用的人可能越来越多, 有必要现在就给所有的css3属性添加-moz, -o, -ms等前缀吗?
问题解答
回答1:关于这个问题, 我已经有了答案:
opera 最近也改为使用webkit内核, 所以现在手机浏览器领域, 基本已被webkit内核统治. 而windows phone, firefox os以后若真的发展起来, 也就是再加2个css3前缀的事情.
所以结论是: 目前只用管webkit前缀即可.
回答2:其实你如果不排斥 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:
需要,趋势只是趋势,不代表事实!
回答4:为了兼容,写一点我觉得差不多。。。。
回答5:要知道,有些前缀是为了兼容以前的旧版本浏览器,有些则只是浏览器本身支持,其他不支持。
相关文章:
1. java固定键值转换,使用枚举实现字典?2. javascript - 移动端开发 H5 页面在 iOS手机上无法实现 长按复制文本 求解决3. 如何解决tp6在zend中无代码提示4. java - HTTPS双向认证基础上有无必要再进行加签验签?5. python - flask学习,user_syy添加报role is invalid keyword for User.6. vim - win10无法打开markdown编辑器7. java - 读写锁中 写锁的降级问题8. javascript - 有没有类似高铁管家的时间选择插件9. html - 如何使用用户输入的数据去运行一个数学公式,最后怎么返回。10. css - BEM 中块(Block)有木有什么标准 何时决定一个部分提取为块而不是其父级的元素呢(Element)?~
