移動端微信頁面相容性問題集合

2022-11-24 20:41:17 字數 1937 閱讀 4959

(禁止數字自動識別為**號碼,這個比較有用,因為一串數字在iphone上會顯示成藍色,樣式加成別的顏色也是不生效的。)

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width,initial-scale=1,user-scalable=0"

>

<

meta

name

content

="yes"

/>

<

meta

name

="format-detection"

content

="telephone=no"

>

<

meta

name

="format-detection"

content

="email=no"

>

<

title

>

title

>

head

>

html,body

.remote

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px)

}@media only screen

and (min-device-width : 375px)

and (max-device-width : 667px)

}@media only screen

and (min-device-width : 414px)

and (max-device-width : 736px)

}

input[type="radio"]::-ms-check,input[type="checkbox"]::-ms-check

input::-webkit-input-placeholder

input:focus::-webkit-input-placeholder

但是會有一個問題存在,在iphone7中無法讀取本地相簿:

方法一:去掉capture屬性,但是如果去掉,andriod手機將無法呼叫相機拍照。

方法二:先判斷機型,然後如果是andriod手機新增屬性capture。如果是ios就去掉屬性。

function

getphonetype()

else

if(isiphone)

}

繫結的點選事件在iphone上不起效果,安卓上都沒問題,事件能正確觸發,遇到這個問題,整個人都會崩潰的。

開始覺得是寫法問題,後來發現,是由於iphone上,點選的物件,必須加上一個樣式,擁有cursor:pointer這個樣式,就沒問題了。

相容性的問題。

(function

(doc, win)

else

};if (!doc.addeventlistener) return

; win.addeventlistener(resizeevt, recalc,

false

); doc.addeventlistener('domcontentloaded', recalc, false

);})(document, window);