移動相容(一)

2022-08-28 19:30:09 字數 348 閱讀 9456

ios下h5頁面底部輸入框fix布局下鍵盤彈出位置錯位處理方法:

涉及到的事件有:touchstart,focus。

給input輸入框新增事件:

_input.ontouchstart = function(e)

_input.onfocus = function(e),300)

e.stoppropagation();

};查閱網上的方法一般都是直接在focus中處理:在經過實際經驗後新增了touchstart事件,

在touchstart中將頁面的滾動條滾動到頁面底部。

focus中新增定時器的原因是鍵盤彈出需要一定的時間。

移動端相容

1.ios上click點選事件會有300ms的延遲響應 換用zepto的touch模組,tap事件也是為了解決在click的延遲問題 2.一些情況下對非可點選元素如 label,span 監聽click時間,ios下不會觸發 css增加cursor poiner就搞定了 3.移動端頁面滾動滯澀感 c...

移動端相容

第一次接觸移動端開發,發現web端和移動端的差別還是很大的,我主要記錄移動端的一些內容 純粹是個人看法。在web端是盡可能地展示豐富的功能,並且較為複雜,乙個頁面可以包含很多的內容。當然在互動方面也是相對複雜些,一般不是直接把 下一步 放在使用者面前,而是讓使用者自己去找。而移動端設計應以簡約為主,...

移動端相容總結

系統型別相容 ios 安卓 廠商 微軟 js 可以判斷 嗅探功能 系統版本相容 ios10 11 12 低版本不考慮 裝置相容 4 5 6 x pluspad等 螢幕解析度 尺寸相容 rem media bs flexible.js 手機 團隊 瀏覽器版本相容 qq 瀏覽器哪個版本 低版本不考慮 解...