ios 安卓前端相容性

1.日期相容性

2.input框聚焦，ios出現outline或者陰影，安卓顯示正常

input:focus

3.關於flex布局
4.ios系統，會將數字當成**號碼，導致變色

將上面的**加入到標籤中

5.禁止安卓識別email

6.input 的placeholder屬性會使文字位置偏上

line-height: （和input框的高度一樣高）---pc端解決方法

line-height：normal ---移動端解決方法

7.input type=number之後，pc端出現上下箭頭

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button

8.禁止點選放大--部分安卓手機點選會放大，如需要禁止放大，只需要設定css屬性

img

這個會讓img標籤的點選事件失效，如果想要給新增點選事件就要給上面再寫一層

9.禁止頁面縮放

這樣設定在ios10系統中是失效的，如果需要禁止ios縮放，下面**親測有用

window.onload=function

()   
})  
var lasttouchend=0;  
document.addeventlistener('touchend',function
(event)   
lasttouchend=now;  
},false
);      禁止手勢放大
document.addeventlistener('gesturestart', function
(event) );
}

10.一些情況下對非可點選元素如(label,span）監聽點選事件，不會在ios下觸發，css增加cursor:pointer就搞定了（未測試）

11.上下拉動滾動條時卡頓、慢（未測試）

body

android3+和ios5+支援css3的新屬性為overflow-scrolling

結語

ios 安卓前端相容性1

2.input框聚焦，ios出現outline或者陰影，安卓顯示正常input focus 3.關於flex布局 4.ios系統，會將數字當成 號碼，導致變色 將上面的 加入到標籤中 5.禁止安卓識別email 6.input 的placeholder屬性會使文字位置偏上line height 和i...

前端ios和安卓的相容性問題

日期相容性 解決辦法 date.parse new date 2018 03 30 12 00 00 input框聚焦，ios出現outline或者陰影，安卓顯示正常 解決辦法 input focus 去除外邊框 input ios系統，會將數字當成 號碼，導致變色 解決辦法 format dete...

移動端安卓和ios相容性彙總

首先了解一下iphonex裝置基礎資訊，如下 iphonex螢幕組成 上部齊劉海 44px 安全區域 safe area 底部手勢區域 34px 預設，頁面只顯示在 安全區域 中，導致螢幕頂部和底部看起來很彆扭，此時可以通過如下幾種方式進行適配 1 設定viewport fit viewport f...