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".

The ie Mobile Viewport on Windows Phone 7

Also read...

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>