在移動裝置上進行網頁的重構或開發，首先得搞明白的就是移動裝置上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有關的meta標籤的使用，才能更好地讓我們的頁面適配或響應各種不同解析度的移動裝置。
移動前端中常說的viewport(視口)就是使用者網頁中的可視區域。
viewport是通過meta標籤中的name屬性設定的，新增位置在head標籤裡面。
它會告訴瀏覽器使用裝置的螢幕寬度作為內容的寬度，並且忽視初始的寬度設定。
initial-scale:設定縮放比例，當其值為1時，表示既不放大也不縮小。
maximum-scale：表示頁面可以放大的最大倍數，當值為3.0時，即頁面可以放大到初始頁面大小的三倍。
minimum-scale：表示允許使用者縮小的最小比例。
user-scalable:表示使用者是否可以手動縮放，yes表示可以，no表示不可以。
html5移動端開發
移動端開發準備 1 meta標籤的設定 h5頁面視窗自動調整到裝置寬度，並禁止使用者縮放頁面 忽略將頁面中的數字識別為 號碼 忽略android平台中對郵箱位址的識別 2 重點設定 width device width 寬度等於當前裝置的寬度 initial scale 初始的縮放比例 預設設定為1...
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 ...
html5移動開發
canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道，的移動 旋轉 縮放?那都太基礎了，自己畫都是小case，至於怎麼用，好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...