html移動端的兼容問題:
1.iOS手機上點擊事件按下之后會會先一個灰色遮罩層
這是因為iOS手機默認(rèn)增加了高亮顯示問題荚坞,解決方法把默認(rèn)高亮選中的效果設(shè)置會透明色即可;
html帖族,body{
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgb(0,0,0,0);
}
2.iOS手機上比搭,input點擊需要自定義鍵盤,不用系統(tǒng)鍵盤時合是,設(shè)置readonly屬性之后,還會在界面下方出現(xiàn)一個帶有完成按鈕的工具條尿背,這是iOS系統(tǒng)自帶的針對input輸入框的輔助工具條端仰,隱藏不展示的解決辦法,在input標(biāo)簽中加這句onfocus="this.blur()“即可
<input readonly onfocus="this.blur()">
3.字符串格式化日期的時,年份之間需用/分割田藐,不能用-荔烧,否則ios系統(tǒng)格式化失敗
4.mtloadmore使用時吱七,不能直接設(shè)置 -webkit-overflow-scrolling :touch,需加載數(shù)據(jù)之前設(shè)置auto鹤竭,數(shù)據(jù)加載完成之后再設(shè)置為touch踊餐,否則ios手機上會造成無法上拉,只能下拉的問題
5.iOS11以前狀態(tài)欄會對webview有影響臀稚,造成webview吝岭,從狀態(tài)欄開始算起,而獲取屏幕高度為webview高度的話吧寺,會造成html中設(shè)置的高度100%窜管,實際高度會是整個屏幕的高度,而webview的高度從導(dǎo)航欄一下開始算起稚机,會比webview的高度要多20像素幕帆,需要原生設(shè)置是取消導(dǎo)航欄對webview影響之后,self.automaticallyAdjustsScrollViewInsets=NO,再設(shè)置相應(yīng)的高度即可