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中能顯示的很是很是少，並且是黑白的。而在其它手機瀏覽器中，大部分都能顯示出來，並且是彩色的很是漂亮。能夠在不一樣的手機瀏覽器中打開 園友這個連接 >> 親測。

 

更多問題持續發掘中……