admin管理员组

文章数量:1558039

手机浏览器都支持css3吗

以下总结了css3的各种属性在不同手机浏览器上的支持情况。

从图中可以看见ios系统5.0以上、安卓3.0以上、winphone ie10以上已经支持了css3。现在买的手机操作系统版本都是比较高的，所以手机浏览器几乎都已经支持了css3。

√：完全支持 √：部分支持 ×：不支持 (-webkit)：添加-webkit前缀才支持 (-ms)：添加 -ms前缀才支持

css3总结:

对于webkit内核的浏览器, 除media、text-shadow外，使用其它属性基本上要加上webkit前缀.

gradient在低版本的系统中渲染效果不丰富

ios3.2~4.3不支持position:fixed，不推荐使用

android2.1~2.3对动画的支持效果不丰富

android2.1~2.3不支持translate3d，可以利用它结合media写低端android版本的css hack

对于winphone的IE浏览器

IE9~11支持media、box-shadow、border-radius

IE9对动画不支持

IE9不支持box布局

IE9不支持渐变，看具体情况可适当使用IE滤镜

仅支持IE9的写法：{属性：属性值9;}

上述可知，在Webapp开发中，我们可以把移动设备分为低端系统(IE9、android2.1~3.0、ios3.2)和高端系统(ios4+、android4.1~4.2)，针对低端系统，采用普通方案，并使用hack兼容，针对高端系统，可以采用更丰富更炫酷的效果。移动设备更新换代的很快，目前各种手机的最新版本系统已经支持css3的大部分效果。资料来源：原作者：白树 - http://peunzhangblogs/

更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！

本文标签： 浏览器手机格式html

版权声明：本文标题：html格式手机浏览器支持,手机浏览器都支持css3吗 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1727375503a1111660.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。