UC~移动端的IE!!!坑总结
2015-09-06 10:50
344 查看
1、接入过WAP版支付宝支付的应该会发现,支付宝页面在UC中巨丑,完全就是诺基亚时代的网页。你可能会怪它是支付宝的问题吧。但你用QQ浏览器打开,很好啊;你在电脑用火狐、Chrome打开都很好啊;那你试试用IE打开,看到了吧。真不得不吐槽,UC不是被阿里收购了吗,怎么UC跟支付宝还是没沟通好!
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/2085088eb16a66ee7763bc0a7ae54bd6.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/ba5a28462709fb9957a6be6cc8e351ee.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/5a696773706251d92fb5e91b4da0216f.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/7e9fae6e68dccc676d415489c6a62d71.png)
2、不支持 vh、vw 单位。vh是view height,vw是view width的意思,这个单位是指长度为屏幕高度和宽度的百分比,在移动端这么多不同规格的屏幕中这个单位十分重要,但是UC居然不支持,现在的最新版是10.6.2(2015年9月),但是仍然不支持。在微信和QQ浏览器中都好好的,就它是乱了。也罢,现在做个H5展示页面能在微信中传播也就够了,其它浏览器都直接忽略吧。
3、Animate.css动画库(CSS3)在UC中大部分有白屏的现象。本来还想这个这么方便的动画库能愉快地使用了,没想到,呵呵……也只能用在微信页里面了。
4、绝对定位的绝对居中点击与显示的位置不一致,这里说的定位是指
这种定位方式在非IE<8的浏览器中的效果都是居中,但是在UC中不是!在UC中它显示的是最上最左,但是它的点击位置是居中。就比如这个div里面有一些表单,你在看到的地方点它是没有反应的,而你把它想像成是居中的位置,点它就行,OK,UC你赢了,我还以为是我手机的触屏坏了呢!
5、图片标签<img />的CSS渲染速度比图片标签的 width 属性低很多,慢到可以明显看到页面的渲染前和渲染后的变化。
更多问题持续发掘中……
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/2085088eb16a66ee7763bc0a7ae54bd6.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/ba5a28462709fb9957a6be6cc8e351ee.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/5a696773706251d92fb5e91b4da0216f.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202002/22/7e9fae6e68dccc676d415489c6a62d71.png)
2、不支持 vh、vw 单位。vh是view height,vw是view width的意思,这个单位是指长度为屏幕高度和宽度的百分比,在移动端这么多不同规格的屏幕中这个单位十分重要,但是UC居然不支持,现在的最新版是10.6.2(2015年9月),但是仍然不支持。在微信和QQ浏览器中都好好的,就它是乱了。也罢,现在做个H5展示页面能在微信中传播也就够了,其它浏览器都直接忽略吧。
3、Animate.css动画库(CSS3)在UC中大部分有白屏的现象。本来还想这个这么方便的动画库能愉快地使用了,没想到,呵呵……也只能用在微信页里面了。
4、绝对定位的绝对居中点击与显示的位置不一致,这里说的定位是指
position:absolute; top:0; left:0; right:0; bottom:0; width:80%; height:50%;
这种定位方式在非IE<8的浏览器中的效果都是居中,但是在UC中不是!在UC中它显示的是最上最左,但是它的点击位置是居中。就比如这个div里面有一些表单,你在看到的地方点它是没有反应的,而你把它想像成是居中的位置,点它就行,OK,UC你赢了,我还以为是我手机的触屏坏了呢!
5、图片标签<img />的CSS渲染速度比图片标签的 width 属性低很多,慢到可以明显看到页面的渲染前和渲染后的变化。
更多问题持续发掘中……
相关文章推荐
- 关于android中的dialogFragment详解
- iOS-应用管理 用cell实现,前面那个用xib实现
- Objective-C 之NSString及常用方法
- 【iOS】View实现透明度渐变和颜色渐变
- Android笔记(十八)加速度传感器
- APP上架被拒解决方案
- Android-getWritableDatabase()与getReadableDatabase()
- AFNetworking的图片、视频下载并保存到指定的app的Caches目录下
- Android实例-程序界面内截取屏幕(XE8+小米2)
- json教程系列(3)-JSONObject的过滤设置
- Android的activity学习笔记
- iOS学习之XMPP注册用户
- Android studio删除项目
- json教程系列(2)-生成JSONObject的方法
- 微信ANDROID客户端-会话速度提升70%的背后
- Android实用代码七段(五)
- Android Studio快捷键-mac版
- xutils保存cookie
- TouchDevelop [Mobile App]
- iOS7之后JavaScript与Objective-C之间的通信