meta name="viewport" Element
<meta name="Viewport" content="width=320; user-scaleable=no; initial-scale=1.0" />
Allows developers to give explicit instructions to mobile brower(s) regarding page layout and user manipulation responses.
| Viewport Property | Width |
|---|---|
| width | Sets the width of the viewport in pixels, or the keyword device-width, meaning whatever the width of the screen is (range = 320 – 10,000). |
| height | Sets the height of the viewport in pixels or the keyword device-height (range = 480 – 10,000). |
| user-scalable | Indicates whether or not user can scale viewport (zoom in/out). Values yes, no, default is yes |
| initial-scale | Sets initial scale of viewport (range = 0.1 – 10.0). |
| minimum-scale | Sets minimum allowable scale of the viewport (range = 0.1 – 10.0) |
| maximum-scale | Sets maximum allowable scale of the viewport (range = 0.1 – 10.0) |
In ie, meta name="Viewport" overrides meta name="HandheldFriendly" and meta name="MobileOptimized".