meta

 

apple-mobile-web-app-capable

設置Web應用是否以全屏模式運行。

語法：

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

說明：

若是content設置爲yes，Web應用會以全屏模式運行，反之，則不會。content的默認值是no，表示正常顯示。你能夠經過只讀屬性window.navigator.standalone來肯定網頁是否以全屏模式顯示。

兼容性：

iOS 2.1 +

apple-mobile-web-app-status-bar-style

設置Web App的狀態欄（屏幕頂部欄）的樣式

語法：

<meta name="apple-mobile-web-app-status-bar-style" content="blank">

說明：

除非你先使用apple-mobile-web-app-capable指定全屏模式，不然這個meta標籤不會起任何做用。

若是content設置爲default，則狀態欄正常顯示。若是設置爲blank，則狀態欄會有一個黑色的背景。若是設置爲blank-translucent，則狀態欄顯示爲黑色半透明。若是設置爲default或blank，則頁面顯示在狀態欄的下方，即狀態欄佔據上方部分，頁面佔據下方部分，兩者沒有遮擋對方或被遮擋。若是設置爲blank-translucent，則頁面會充滿屏幕，其中頁面頂部會被狀態欄遮蓋住（會覆蓋頁面20px高度，而iphone4和itouch4的Retina屏幕爲40px）。默認值是default。

兼容性

iOS 2.1 +

format-detection

啓動或禁用自動識別頁面中的電話號碼。

語法：

<meta name="format-detection" content="telephone=no">

說明：

默認狀況下，設備會自動識別任何多是電話號碼的字符串。設置telephone=no能夠禁用這項功能。

兼容性

iOS 1.0 +

viewport

語法：

<meta name="viewport" content="width=230,initial-scale=2.3,user-scalable=no">

說明：

使用viewport meta標籤能夠提高頁面在設備上的表現效果，典型地，你能夠設置視口（viewport）的寬度和初始縮放比例。

舉個例子來講，若是頁面的寬度小於980px，你能夠設置視口的寬度以適應頁面。若是你正在開發一款Web應用，你應該設置視口的寬度爲設備的寬度。

表 1 描述了viewport meta標籤支持的屬性以及它們的默認值。當有多個屬性時，應該使用逗號分隔賦值表達式。設置多個屬性時請遵循如下規則：

• 不要使用分號做爲分隔符。
• 空格也能夠做爲分隔符，但最好使用逗號。
• 對於屬性值是數字的屬性，若是屬性值包含了非數字字符可是以數字開頭，那麼只有數字的部分被當作屬性值。例如，1.0x等價於1.0，123x456等價於123。若是參數不以數字開頭，則屬性值爲0。

當要用到設備的尺寸數據時，你能夠使用表2中的常量替代數字值。例如，使用device-width替代320（寬度），用device-height替代480（高度）。

你不須要設置每個屬性，未設置的屬性會自動採用默認值。

設置視口的寬度爲設備的寬度：

<meta name="viewport" content="width=device-width">

設置初始縮放比例爲1.0：

<meta name="viewport" content="initial-scale=1.0">

設置初始縮放比例，同時禁止用戶縮放。

<meta name="viewport" content="initial-scale=2.3, user-scalable=no">

兼容性

iOS 1.0 +

表 1 Viewport 屬性

屬性	描述
width	視口的寬度。默認值是980，取值範圍是200至10000，也能夠取值爲常量device-width。
height	視口的高度。默認值是根據width的值和設備的寬高比來計算，取值範圍是223至10000，也能夠取值爲常量device-height。
initial-scale	視口的初始縮放比例。默認值取決於頁面充滿屏幕的縮放比例，取值範圍取決於minimum-scale和maximum-scale。
minimum-scale	視口的最小縮放比例。默認值是0.25，取值範圍是>0至10.0。
maximum-scale	視口的最大縮放比例。默認值是5.0，取值範圍是>0至10.0。
user-scable	設置用戶是否能夠縮放視口。yes表示能夠，no表示不能，默認值是yes。設置user-scable爲no能夠防止當用戶在input標籤的文本域中輸入文本時頁面發生滾動。

表 2 特殊的viewport屬性值

屬性值	描述
device-width	設備的寬度（像素）。
device-height	設備的高度（像素）。