移動端開發

2021-08-21 19:44:23 字數 399 閱讀 3612

一。響應式設計好處

1.一套專案**

2.一套開發環境

3.乙個url

4.內容所見即所得

5.不會因為終端公升級而導致不可用

做法:布局百分比寬度 + 容器浮動

二。viewport引數的最佳組合

三。mediaquery書寫思路:

先寫高解析度樣式。

理由:1.設計師設計原型往往首先基於寬屏,甚至不會給出適配設計稿。

2.寬屏視覺元素更多,減法比加法容易。

四。新增到主屏的icon:

五。終端事件的漸進增強:

**試用最多的slide/switchable,讓他們支援touch事件。

觸屏事件不要用'click'代替。

移動端開發

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

移動端開發

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

移動端開發

禁止識別 號碼和郵箱位址 href tel 號碼 href mailto 號碼 區域性設定 或者郵件的識別 css初始化 a,input,buttonbodybody 查詢 特性 常見預設樣式設定 其它問題 固定定位的相容問題 移動端適配方案 頭部和底部的固定不能用固定定位,會有相容問題,用絕對定位...