例：    

　<meta charset='utf-8' />

    <meta name='viewport' content='width=device-width, initial-scale=1.0'/>
    <meta name="HandheldFriendly" content="true"/>
    <meta name="MobileOptimized" content="320"/>

    <meta name='apple-mobile-web-app-capable' content='yes' />
    <meta name='apple-mobile-web-app-status-bar-style' content='black' />

註釋：

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

在iPhone 手機上預設值是（電話號碼顯示為撥號的超連結）：

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

可將telephone=no，則手機號碼不被顯示為撥號連結

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

2.<meta name='apple-mobile-web-app-capable' content='yes' />

Sets whether a web application runs in full-screen mode.

Syntax

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

Discussion

Ifcontentis set toyes, the web application runs in full-screen mode; otherwise, it does not. The default behavior is to use Safari to display web content.

You can determine whether a webpage is displayed in full-screen mode using thewindow.navigator.standaloneread-only Boolean JavaScript property.

Availability

Available in iPhone OS 2.1 and later.

Support Level

Apple extension.

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

Sets the style of the status bar for a web application.

Syntax

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

Discussion

This meta tag has no effect unless you first specify full-screen mode as described in

Ifcontentis set todefault, the status bar appears normal. If set toblack, the status bar has a black background. If set toblack-translucent, the status bar is black and translucent. If set todefaultorblack, the web content is displayed below the status bar. If set toblack-translucent, the web content is displayed on the entire screen, partially obscured by the status bar. The default value isdefault.

Availability

Available in iPhone OS 2.1 and later.

Support Level

Apple extension.

format-detection

Enables or disables automatic detection of possible phone numbers in a webpage in Safari on iPhone.

Syntax

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

Discussion

By default, Safari on iPhone detects any string formatted like a phone number and makes it a link that calls the number. Specifyingtelephone=nodisables this feature.

Availability

Available in iPhone OS 1.0 and later.

Support Level

Apple extension.

這個viewport的元標記是許多智慧電話上的支援，從iPhone到Android的webOS（PALM）甚至InternetExplorer Mobile中的Opera Mini和Opera Mobile。

以下是m.yahoo.com上的viewport標記

1. <metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

在上面這個程式碼中，禁止使用者進行縮放，你也可以允許讓使用者自行縮放，程式碼如下：

1. <metaname="viewport"content="width=device-width, initial-scale=1.0"/>

由於viewport標記並不是所有瀏覽器都支援，當以上程式碼無效時，你可以嘗試通過其它方式實現，如下：

1. <metaname="HandheldFriendly"content="true"/>

或者

1. <metaname="MobileOptimized"content="320"/>

最後，如果你的網頁中的DOCTYPE是XHTML-MP或WML，您的網站將被認定為一個移動優化網站。

Android上的規則屬性

官方Android文件中列出了一個特殊的屬性，Android已經加入到meta標籤：target-densitydpi。這個屬性允許開發人員指定螢幕解析度頁面已開發的，或者更具體如何處理的媒體，如影象的縮放。

這裡有一個Android下的viewport標籤的例子：

1. <metaname="viewport"content="target-densitydpi=device-dpi"/>