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

2021-10-09 12:33:27 字數 1049 閱讀 9768

日期相容性

解決辦法:

date.parse(new date(『2018/03/30 12:00:00』))

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

解決辦法:

input:focus

//去除外邊框

input:

ios系統,會將數字當成**號碼,導致變色

解決辦法:

"format-detection" content=

"telephone=no"

>

"x-rim-auto-match" content=

"none"

>

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

解決辦法:

line-height: (和input框的高度一樣高)//pc端解決方法

line-height:normal //移動端解決方法

input type=number之後,pc端出現上下箭頭

解決辦法:

input:

:-webkit-outer-spin-button,

input:

:-webkit-inner-spin-button

禁止安卓識別email

解決辦法:

"email=no" name=

"format-detection"

/>

ios 設定input 按鈕樣式會被預設樣式覆蓋

解決辦法:

input,textarea
以上是一些常遇到的相容問題,希望對你有所幫助

ios 安卓前端相容性

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

ios 安卓前端相容性1

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

iPhone前端相容性問題彙總

背景 問題 1.頁面在iphone下出現左右滑動的問題 2.頂部標題在iphone4 4s下寬度不能100 3.iphone4 4s下在input彈出輸入法時,不支援position fixed的問題 即 本來固定在頂部的選單下移 分析 viewport說明 頁面使用了viewport meta 標...