文章**：
1.ios移動端click事件300ms的延遲相應
移動裝置上的web網頁是有300ms延遲的，往往會造成按鈕點選延遲甚至是點選失效。
這是由於區分單機事件和雙擊螢幕縮放的歷史原因造成的。
解決方式：
fastclick可以解決在手機上點選事件的300ms延遲
zepto的touch模組，tap事件也是為了解決在click的延遲問題
觸控螢幕的相應順序為touchstart-->touchmove-->touchend-->click，也可以通過繫結ontouchstart事件，加快事件的響應，解決300ms的延遲問題
2.一些情況下對非可點選元素（label，span）監聽click事件，iso下不會觸發，css增加cursor：pointer就搞定了。
3.h5底部輸入框被鍵盤遮擋問題
h5頁面有個很蛋疼的問題就是，當輸入框在最底部，點選軟鍵盤後輸入框會被遮擋。可採用如下方式解決
var oheight = $(document).height(); //瀏覽器當前的高度
$(window).resize(function()else
4.不讓 android 手機識別郵箱
5.禁止 ios 識別長串數字為**
6.禁止 ios 彈出各種操作視窗
-webkit-touch-callout:none
7.消除 transition 閃屏
-webkit-transform-style: preserve-3d; /設定內嵌的元素在 3d 空間如何呈現：保留 3d/
-webkit-backface-visibility: hidden; /(設定進行轉換的元素的背面在面對使用者時是否可見：隱藏)/
8.ios 系統中文輸入法輸入英文時，字母之間可能會出現乙個六分之一空格可以通過正則去掉
this.value = this.value.replace(/\u2006/g, '');
9.禁止ios和android使用者選中文字
-webkit-user-select:none
10.css動畫頁面閃白,動畫卡頓
解決方法:
1.盡可能地使用合成屬性transform和opacity來設計css3動畫，不使用position的left和top來定位
2.開啟硬體加速
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
11.fixed定位缺陷
ios下fixed元素容易定位出錯，軟鍵盤彈出時，影響fixed元素定位
android下fixed表現要比ios更好，軟鍵盤彈出時，不會影響fixed元素定位
ios4下不支援position:fixed
解決方案： 可用iscroll外掛程式解決這個問題
移動端相容性問題
1 定位問題 ios 2 寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳 3 防止手機中網頁放大和縮小 4 設定web應用是否以全屏模式執行 content的預設值是no 5 自動識別 號碼 telephone no可以禁用這功能,預設值是no 6 禁止複製 選中文字 e...
移動端相容性問題
產生原因 pc端的點選事件在移動端也有效果，但是在移動端使用點選事件會有300毫秒的延遲，如果有兩個元素是重疊的，點選之後上面那個元素消失了就會出現點透事件，如果下面元素有點選事件，就會被觸發，因為執行過程 手指按下之後，會先執行touch事件，然後記錄點選的座標，300ms之後，在該座標上查詢元素...
pc常見端相容性問題
原因 開啟除錯面板，你會發現 ie8 瀏覽器把 png 格式的 img 解析成了 span 標籤，導致圖無法顯 示。解決方案 在樣式裡面對 span 設定寬高和 display inline block 即可。解決方案 可以用 opacity opacity 0.7 ff chrome safari...