關於UC瀏覽器flex的相容問題

2021-07-24 05:41:42 字數 547 閱讀 5224

這些天再做乙個wap的專案,本想著手機上不用考慮相容性問題,可以大刀闊斧搞,**** ie678!

在pc上完成頁面開發,在chrome模擬器上做頁面的矯,good!一切看起來都是很美好的樣子~~

開啟手機測試頁面,想想都有點小激動呢!掃碼,。。。。。。。。。。臥槽,啥瀏覽器這是!臥槽,這是uc嗎!

專案逼近,必須得把這個醜陋的輸入框改掉啊!

當我自以為找到問題後沾沾自喜,這點問題還能難的到哥,自己意淫了自己一把後,把**上傳後開啟一看,

咳咳,臥槽,uc你大爺,不說了,吃飯去了

順便說下我是怎麼解決flex下uc的相容問題

使用display: flex;的時候需要加上display: -webkit-box;

fiex:1;-

webkit

-box

-flex:1

;-moz-

box-

flex:1

;-ms-

flex:1

;

解決UC瀏覽器或微信瀏覽器上flex相容問題

在uc瀏覽器上使用display flex 時會不起作用,要加上相容性寫法,如下 display webkit box old ios 6 safari 3.1 6 display moz box old firefox 19 buggy but mostly works display ms fl...

關於瀏覽器相容

1html相容 新型的網際網路產品通常對瀏覽器版本沒什麼特殊限制,可以採用最新的h5開發 比如語義化標籤section,header,footer 表單中簡單的驗證也可以用type email num telphone 傳統行業通常電腦比較老,用的瀏覽器版本低,所以不能盡量避免用h5 2css相容 ...

關於瀏覽器相容

對於初入職場小白的我,前端在工作中不可避免的要與各種瀏覽器打交道,下面是我在工作中遇到的問題總結 做個記錄 1.關於flex布局 flex布局的強大毋庸置疑,不論是pc端還是手機移動端對它的支援都非常安美,但是 但是來了,說明還是有限制滴!flex對於其他核心的瀏覽器貌似還可以,偏偏對ie情有獨鍾 ...