1. ios上click點選事件會有300ms的延遲響應：
換用zepto的touch模組，tap事件也是為了解決在click的延遲問題
2. 一些情況下對非可點選元素如（label,span）監聽click時間，ios下不會觸發：
css增加cursor:poiner就搞定了
3. 移動端頁面滾動滯澀感：
css在body元素上新增-webkit-overflow-scrolling: touch;
4. 軟鍵盤與輸入框問題：
h5頁面有個問題就是，當輸入框在最底部，點選軟鍵盤後輸入框會被遮擋。可採用如下方式解決：
var oheight = $(document).height(); //瀏覽器當前的高度
$(window).resize(function()
else
});
5. 另一軟鍵盤輸入框問題，也可視為fixed定位失敗問題，ios下fixed元素容易定位出錯，軟鍵盤彈出時，影響fixed元素定位
$('
html
').one('
touchstart
',function())
7. 阻止旋轉螢幕時自動調整字型大小
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6
8. 移動端某些情況下input的placeholder會出現文字位置偏上的現象：
pc端設定line-height等於height能夠對齊，而移動端仍然是偏上，解決是設定line-height：normal
9. 點選瀏覽器的回退，有時候不會自動執行js，特別是在mobilesafari中，對於這種往返快取問題可以：
一種方法，可以：
window.onunload = function(){};
另外，也可給script標籤新增乙個隨機引數：
10. 修改移動端的點選高亮效果：
*
11. zepto的點透問題
引入fastclick.js，在頁面中加入如下js**
window.addeventlistener( "load
", function() ,
false );
或者有zepto或者jquery的js裡面加上
$(function() );
移動端相容
第一次接觸移動端開發，發現web端和移動端的差別還是很大的，我主要記錄移動端的一些內容 純粹是個人看法。在web端是盡可能地展示豐富的功能，並且較為複雜，乙個頁面可以包含很多的內容。當然在互動方面也是相對複雜些，一般不是直接把 下一步 放在使用者面前，而是讓使用者自己去找。而移動端設計應以簡約為主,...
移動端相容總結
系統型別相容 ios 安卓 廠商 微軟 js 可以判斷 嗅探功能 系統版本相容 ios10 11 12 低版本不考慮 裝置相容 4 5 6 x pluspad等 螢幕解析度 尺寸相容 rem media bs flexible.js 手機 團隊 瀏覽器版本相容 qq 瀏覽器哪個版本 低版本不考慮 解...
移動端相容問題
1.移動端檔名不要用game等，以防被合作伺服器劫持插入廣告，從而影響專案執行 2.紅公尺手機，ua返回iphone，需要結合platform判斷，但是還不準確，導致需要ios和android區別對待的時候就坑了。3.是fixed的問題。這個解決辦法是盡量不要用，不過ios7及以下才會出現這個問題。...