一二八软件   12年网站制作经验,满意收工,诚信第一,中英建站服务商
宣传型、商城型、网站关键词排名、优化排名SEO、网站推广
一二八建站 | 加入收藏
咨询电话 (微信):181 23965 128 点击这里给我发消息 点击这里给我发消息
 
首页 网站推广 网站样板 定制网站 域名-主机-邮箱 成功案例 网站知识 小 程 序 联系我们
        最新动态
        网站建设
        域名注册
        虚拟主机
        企业邮局
        成品网站
        网站优化排名SEO
        技术知识
        CSSDIV
        AJAX
        PHP知识
        行业资讯
        400电话常见问题
        可信网站常见问题
        Ftp常见问题
 
CSSDIV 位置:首页 > 网站知识 > CSSDIV
css3在不同型号手机浏览器上的兼容一览表
关键字:网站建设 网站制作 网站设计 购物商城  网站样板  定做网站    来源:   浏览: 1447 人次
 

css3在不同型号手机浏览器上的兼容一览表

网上搜集了css3对不同系统手机浏览器的支持情况(ios/android/winphone)备份一下以便查看.  以下资料由微信产品

√:完全支持   √:部分支持   ×:不支持   (-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的大部分效果,相信在未来对css3的支持可以达成统一。

 

  • 来源:转载
  • 原作者:白树 - http://peunzhang.cnblogs.com/
-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box; 在css3中前面的-moz 、-ms、-webkit什么意思
-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
[ 关 闭 ]
由于一些内容和图片来源于互联网,如果发现有涉嫌侵犯您的版权,请联系QQ:274087488 或发送邮件至:274087488@qq.com,我们将立刻删除涉嫌侵权的内容。
首页  |  关于我们  |  网站建设  |  网站推广  |  域名注册  |  虚拟主机  |  企业邮箱  |  网站知识  |  网站优化排名SEO  |  网站地图  |  法律声明  |  友情链接  |  客户反馈  |  联系我们

一二八软件
  咨询热线(微信):181 23965 128     QQ:274087488 , 2502198816
电话:0755-25692900     传真:0755-25692900     E-mail:128@128.in
Copyright © 2005-2019 深圳市一二八软件有限公司 All Right Reserved.    网址:http://www.128.in
粤公网安备 44030702001693号     备案/许可证编号:粤ICP备15073280号
 
扫一扫 打开网站   扫一扫 加我微信
点击这里给我发消息
点击这里给我发消息
咨询电话(微信)
181 23965 128

扫一扫 加我微信