這幾天做移動端的一個小專案，第一次做還後很多不熟悉的地方，在這先總結一下webApp的meta標籤。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

這個主要是設定頁面在裝置上的表現效果，設定視口（viewport）的寬度和初始縮放比例等。在這裡視口viewport指的就是除去所有工具欄、狀態列、滾動條等之後的我們看到的網頁。

1. width.height屬性設定視口的寬度和高度，可以設定為具體的值，也可以用device-width,和device-height來讀取裝置的寬高。

2. initial-scale是設定初始縮放比例，一般設定為1.0。

3. minimun-scale和maximun-scale設定最大和最小縮放比例，一般也設定為1.0。

4. user-scalable設定使用者是否可以縮放頁面。

   這些屬性如果沒有設定就會採用預設的。比如說如果只設置了width屬性，根據設定，會自動計算出height屬性。
   這裡設定為裝置的寬度，縮放比例為1，且禁止使用者縮放頁面

<meta name="apple-mobile-web-app-capable" content="yes" />

設定Web應用是否以全屏模式執行

改屬性只有在設定了全屏樣式才能用。預設值為default。

頁面顯示在狀態列的下方
<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />

頁面顯示在狀態列的下方
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />

狀態列顯示為黑色半透明，則頁面會充滿螢幕，其中頁面頂部會被狀態列遮蓋住（會覆蓋頁面20px高度，而iphone4和itouch4的Retina螢幕為40px）

<meta name="format-detection" content
 
="telephone=yes"/>

禁止把數字轉化為撥號連線，iphone會將頁面中的一串數字轉換為電話號碼，點選就會自動撥號，這個屬性可以將改功能設定為禁用。