【原】常见CSS3属性对ios&android&winphone的支持
那么,除了ios和android系统之外,还有哪个移动设备的操作系统是我们需要考虑进来的呢?可能大家会在猜是winphone,没错!就是微软发布的一款手机操作系统Windows Phone,虽然用户不算太多,但是这部分用户也是我们需要考虑到的,至少要保证网页在winphone的展现是正常的。目前winphone有几个版本,主要是Windows Phone 7 和Windows Phone 8,其对应的浏览器分别是IE9和IE10。那么,webapp开发中除了兼容ios3.0~7.0,android2.1~4.2,还要兼容的是IE9~11。
近期在研究css3的性能,顺手也整理了常见CSS3属性对ios android winphone支持,今天分享给大家,如下:
√:完全支持 √:部分支持 ×:不支持 (-webkit):添加-webkit前缀才支持 (-ms):添加 -ms前缀才支持
总结
对于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\0;}上述可知,在Webapp开发中,我们可以把移动设备分为低端系统(IE9、android2.1~3.0、ios3.2)和高端系统(ios4+、android4.1~4.2),针对低端系统,采用普通方案,并使用hack兼容,针对高端系统,可以采用更丰富更炫酷的效果。移动设备更新换代的很快,目前各种手机的最新版本系统已经支持css3的大部分效果,相信在未来对css3的支持可以达成统一。
关于Webapp开发的兼容处理,可以参考如下的文章:
【原】webapp开发中兼容Android4.0以下版本的css hack
【原】使用iScroll.js解决ios4下不支持position:fixed的问题
【原】[webkit移动开发笔记]之兼容iPhone4和iPhone5的方法
阿里云EMAS-专家测试服务iOS和Android上百种机型性能、兼容及UI等测试 阿里云EMAS测试专家有着集团内部多个日活过亿规模APP经验,提供EMAS专家测试,客户只需提交测试需求,从用例设计、脚本录制、海量机型测试、整理测试结果、48小时输出专家测试报告均由阿里云EMAS测试专家一站式服务完成。覆盖功能测试、深度兼容测试、性能测试、UI适配测试以及隐私合规检测等,帮助用户以更低成本获得高质量的全面测试能力,可用于APP正式发版前验收,规避手机APP上线前或发版过程中各类隐患。
阿里云EMAS专家测试手机APP测试Android和iOS上百款机型 阿里云EMAS专家测试服务覆盖Android和iOS上百种手机型号,日活过亿规模手机APP经验的阿里云EMAS测试专家,48小时输出详细测试报告,包括功能测试、性能测试、UI适配测试以及隐私合规检测等。阿里云百科来详细说下阿里云EMAS专家测试服务说明及价格
一分钟教你Android、iOS如何实现自动化截长图功能,超实用! 在移动端自动化测试过程中经常会遇到需要截长图的场景,比如大促活动的H5页面、动态信息流页面等,但是目前在网上检索只能搜到关于截长图的软件推荐,没有讲关于如何通过自动化脚本的方式实现的文章,今天就来给大家分享一个简单的实现方案。
相关文章
- android scaleanimation动画,【Android动画九章】-RotateAnimation(旋转动画)和ScaleAnimation(尺寸动画)…[通俗易懂]
- Android 源码解析 之 setContentView「建议收藏」
- android 验证码短信验证码,Android短信验证码倒计时验证的2种常用方式
- Unity+Android GET和POST方式的简单实现API请求(人像动漫化)
- android应用程序_chrome Android
- AnyMP4 iOS Cleaner for mac(IOS文件清理工具)v1.0.16激活版
- Android studio更新后出现警告:Warning:The `android.dexOptions.incremental` property is deprecated and it has
- 【错误记录】Android Studio 编译报错 ( Could not find com.android.tools.build:gradle:4.2.1. )
- 【Android 逆向】Android 进程注入工具开发 ( Visual Studio 开发 Android NDK 应用 | 使用 Makefile 构建 Android 平台 NDK 应用 )
- Android NoSQL之SnappyDB详解手机开发
- Android系统控件TextView与EditText详解手机开发
- android放大镜效果实现详解手机开发
- Android仿京东、天猫商品详情页详解手机开发
- Linux下安装iOS:解决方案(linux安装ios)
- 探索Linux世界之Android厨房:DIY个性化安卓系统(linux安卓厨房)
- 开启一个崭新世界:Linux与iOS系统(linux系统ios)
- 为什么Android的图片质量没有iOS的高?
- Android控件系列之Toast使用介绍
- Android中BroadcastReceiver(异步接收广播Intent)的使用
- Android控件之TextView的分析探究