UC~移动端的IE！！！坑总结

1、接入过WAP版支付宝支付的应该会发现，支付宝页面在UC中巨丑，完全就是诺基亚时代的网页。你可能会怪它是支付宝的问题吧。但你用QQ浏览器打开，很好啊；你在电脑用火狐、Chrome打开都很好啊；那你试试用IE打开，看到了吧。真不得不吐槽，UC不是被阿里收购了吗，怎么UC跟支付宝还是没沟通好！

 

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 属性低很多，慢到可以明显看到页面的渲染前和渲染后的变化。

 

6、emoji表情在UC中能显示的非常非常少，而且是黑白的。而在其它手机浏览器中，大部分都能显示出来，而且是彩色的非常漂亮。可以在不同的手机浏览器中打开 园友这个链接 >> 亲测。

 

更多问题持续发掘中……