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

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

 

二、不支持 vh、vw 单位。vh是view height，vw是view width的意思，这个单位是指长度为屏幕高度和宽度的百分比，在移动端这么多不一样规格的屏幕中这个单位十分重要，可是UC竟然不支持，如今的最新版是10.6.2（2015年9月），可是仍然不支持。在微信和QQ浏览器中都好好的，就它是乱了。也罢，如今作个H5展现页面能在微信中传播也就够了，其它浏览器都直接忽略吧。

 

三、Animate.css动画库（CSS3）在UC中大部分有白屏的现象。原本还想这个这么方便的动画库能愉快地使用了，没想到，呵呵……也只能用在微信页里面了。

 

四、绝对定位的绝对居中点击与显示的位置不一致，这里说的定位是指

position:absolute; top:0; left:0; right:0; bottom:0; width:80%; height:50%; 

这种定位方式在非IE<8的浏览器中的效果都是居中，可是在UC中不是！在UC中它显示的是最上最左，可是它的点击位置是居中。就好比这个div里面有一些表单，你在看到的地方点它是没有反应的，而你把它想像成是居中的位置，点它就行，OK，UC你赢了，我还觉得是我手机的触屏坏了呢！

 

五、图片标签<img />的CSS渲染速度比图片标签的 width 属性低不少，慢到能够明显看到页面的渲染前和渲染后的变化。

 

六、emoji表情在UC中能显示的很是很是少，并且是黑白的。而在其它手机浏览器中，大部分都能显示出来，并且是彩色的很是漂亮。能够在不一样的手机浏览器中打开 园友这个连接 >> 亲测。

 

更多问题持续发掘中……