有必要为移动端网页添加-moz -o -ms等css3前缀吗-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

有必要为移动端网页添加-moz -o -ms等css3前缀吗

PHP中文网 2017-04-17 11:01:29

[CSS3讨论组]

890

最近在做一些android, iPhone等设备上浏览的移动端网页.

市面上常见的手机浏览器, 如chrome, safari, QQ手机浏览器, uc浏览器, maxthon手机浏览器,360手机浏览器等应该都是webkit内核的, 所以为这些浏览器写页面一般写-webkit.

从未来发展的角度来看, firefox手机浏览器, opera mobile, windows phone在国内用的人可能越来越多, 有必要现在就给所有的css3属性添加-moz, -o, -ms等前缀吗?

PHP中文网

认证高级PHP讲师

全部回复(5)

ringa_lee2017-04-17 11:03:29 5楼

关于这个问题, 我已经有了答案:

opera 最近也改为使用webkit内核, 所以现在手机浏览器领域, 基本已被webkit内核统治. 而windows phone, firefox os以后若真的发展起来, 也就是再加2个css3前缀的事情.

所以结论是: 目前只用管webkit前缀即可.

赞 +0

添加回复

PHP中文网2017-04-17 11:03:29 4楼

其实你如果不排斥 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%);
}

赞 +0

添加回复