1)定位問題：ios
2)寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳
3)防止手機中網頁放大和縮小:
4)設定web應用是否以全屏模式執行:,content的預設值是no
5)自動識別**號碼:,telephone=no可以禁用這功能,預設值是no
6)禁止複製、選中文字:
element
ios中input鍵盤事件keyup、keydown、keypress支援不是很好, 用input監聽鍵盤keyup事件，在安卓手機瀏覽器中是可以的，但是在ios手機瀏覽器中用輸入法輸入之後，並未立刻相應keyup事件，只有在通過刪除之後才可以響應
方法：可以用html5的oninput事件去代替keyup
12)、ios 設定input 按鈕樣式會被預設樣式覆蓋
解決方式如下：
input,
textarea
14)、關於 ios 系統中，中文輸入法輸入英文時，字母之間可能會出現乙個六分之一空格可以通過正則去掉
this.value = this.value.replace(/\u2006/g, 『』);
15)、手機上的flex布局時會有相容性問題，只用新版本的會出現安卓手機不識別的現象
.box{
display: -webkit-box; /* 老版本語法: safari, ios, android browser, older webkit browsers. */
display: -moz-box; /* 老版本語法: firefox (buggy) */
display: -ms-flexbox; /* 混合版本語法: ie 10 */
display: -webkit-flex; /* 新版本語法: chrome 21+ */
display: flex; /* 新版本語法: opera 12.1, firefox 22+ */
.box>li{
-webkit-box-flex: 1.0;
box-flex: 1.0;
-webkit-flex: 1.0;
flex: 1;
width: 0;/解決相容性問題/
16)、
html,body{
overflow: hidden;/手機上寫overflow-x:hidden;會有相容性問題，如果子級如果是絕對定位有運動到螢幕外的話ios7系統會出現留白/
-webkit-overflow-scrolling:touch;/流暢滾動,ios7下會有滑一下滑不動的情況，所以需要寫上/
position:realtive;/直接子級如果是絕對定位有運動到螢幕外的話，會出現留白/
viewport模板
//主要i是強制讓文件的寬度與裝置寬度保持1:1，最大寬度1.0，禁止螢幕縮放。 //這個也是iphone私有標籤，允許全屏瀏覽。 //iphone的私有標籤，iphone頂端狀態條的樣式。 //禁止數字自動識別為**號碼，這個比較有用，因為一串數字在iphone上會顯示成藍色，樣式加成別的顏色也是不生效的。
移動端相容性問題
產生原因 pc端的點選事件在移動端也有效果，但是在移動端使用點選事件會有300毫秒的延遲，如果有兩個元素是重疊的，點選之後上面那個元素消失了就會出現點透事件，如果下面元素有點選事件，就會被觸發，因為執行過程 手指按下之後，會先執行touch事件，然後記錄點選的座標，300ms之後，在該座標上查詢元素...
常見移動端相容性問題
文章 1.ios移動端click事件300ms的延遲相應 移動裝置上的web網頁是有300ms延遲的，往往會造成按鈕點選延遲甚至是點選失效。這是由於區分單機事件和雙擊螢幕縮放的歷史原因造成的。解決方式 fastclick可以解決在手機上點選事件的300ms延遲 zepto的touch模組，tap事件...
移動端相容性問題 持續更新
解決ios滑動不是很流暢 webkit overflow scrolling touch 滑動容器上加上該css 解決ios input框預設有一層灰色漸變 解決安卓和ios長安頁面會複製文字 moz user select none webkit user select none 把時間 2020...