HTML5 移動端開發入門

下面舉個例子：

lang

="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width"
>
>
documenttitle
>
>*ul
lili::before
li:nth-child(1)::before
li:nth-child(2)::before
li:nth-child(3)::before
li:nth-child(4)::before
li:nth-child(5)::before
li:nth-child(6)::before
li:nth-child(7)::before
li:nth-child(8)::before
li:nth-child(9)::before
style
>
head
>
>
>
>
1li>
>
2li>
>
3li>
>
4li>
>
5li>
>
6li>
>
7li>
>
8li>
>
9li>
ul>
body
>
html
>

下面我們利用一套圖示來演示一下圖示字型的用法：

@font-face

h1::before

值得一提的是，圖示字型的顏色可以跟隨標籤的顏色而改變；若要使用彩色的icon時，單色的圖示字型時無法實現的，需要用svg或者來實現。

dentifier：乙個數值，唯一標識觸控會話（touch session）中的當前手指。一般為從0開始的流水號（android4.1，uc）

target：dom元素，是動作所針對的目標。

pagex/pagey/clientx/clienty/screenx/screeny：乙個數值，動作在螢幕上發生的位置（page包含滾動距離,client不包含滾動距離，screen則以螢幕為基準）。

html5移動端開發

移動端開發準備 1 meta標籤的設定 h5頁面視窗自動調整到裝置寬度，並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 2 重點設定 width device width 寬度等於當前裝置的寬度 initial scale 初始的縮放比例 預設設定為1...

HTML5移動端開發之viewport

在移動裝置上進行網頁的重構或開發，首先得搞明白的就是移動裝置上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有關的meta標籤的使用，才能更好地讓我們的頁面適配或響應各種不同解析度的移動裝置。移動前端中常說的viewport 視口 就是使用者網頁中的可視區域。v...

html5移動開發

canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道，的移動 旋轉 縮放?那都太基礎了，自己畫都是小case，至於怎麼用，好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...