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中能顯示的非常非常少,而且是黑白的。而在其它手機瀏覽器中,大部分都能顯示出來,而且是彩色的非常漂亮。可以在不同的手機瀏覽器中打開 園友這個鏈接 >> 親測。

 

更多問題持續發掘中……

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM