移動端開發

2022-08-19 06:21:11 字數 519 閱讀 7397

//禁止識別**號碼和郵箱位址;

href="tel:號碼"    href="mailto:號碼" //區域性設定**或者郵件的識別;

css初始化:

a,input,buttonbodybody *

**查詢

**特性

常見預設樣式設定

其它問題

固定定位的相容問題:

移動端適配方案

頭部和底部的固定不能用固定定位,會有相容問題,用絕對定位。html和body設定高度100%;html:overflow:hidden; body:overflow:auto

fixed在一些老版本的國內瀏覽器中可能會有問題;

所以需要通過判斷來做取捨;

在蘋果下input框彈出虛擬鍵盤會影響絕對布局的問題。

移動端盡量不要使用click事件,一般會有300毫秒的延遲。用touch事件代替。

addeventlistener/removeeventlistener

touchevent

移動端開發

一。響應式設計好處 1.一套專案 2.一套開發環境 3.乙個url 4.內容所見即所得 5.不會因為終端公升級而導致不可用 做法 布局百分比寬度 容器浮動 二。viewport引數的最佳組合 三。mediaquery書寫思路 先寫高解析度樣式。理由 1.設計師設計原型往往首先基於寬屏,甚至不會給出適...

移動端開發

移動前端開發正逐漸步入前端技術的主流,事實上跟在一般的pc上,並不需要你掌握額外的技術,然而你在pc web上那一套在多數情況下並不適用於手機web,你必須知道這其中的注意點。but,移動端布局最爽的就是再也不用考慮各種對ie的相容了 一 首先來說一下移動端和pc端頁面布局的不同點 二 做移動端頁面...

移動端開發

移動裝置忽略ios將頁面中的數字識別為 號碼的方法 在中加入 移動端手勢事件 touchstart當手指觸控螢幕時觸發 touchmove當手指在螢幕滑動時不斷的觸發 touchend當手指從螢幕上移開時觸發 touchcancel當系統停止跟蹤觸控時觸發 pwa pwa的優勢 能夠在各種網路環境下...