Viewport Meta tag

The viewport is a virtual area used by the browser rendering engine to determine how content is scaled and sized when it is initially rendered on the current screen. A viewport is defined as a META tag in the page HEAD element.

This page links to samples that demonstrate how the viewport meta tag affects browser rendering behaviour.

Known screen orientations

BlackBerry Bold 9810 640x480

BlackBerry Curve 8300 320x240

BlackBerry Bold 9000 480x320

BlackBerry Bold 9700 480x360

BlackBerry PlayBook 1024x600

Recommended viewport for WebWorks apps:

This viewport instructs the Web engine to disallow pinch-zoom (provides a more 'native app' feeling) and fits content to the given screen width, regardless of orientation:

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

Width/Height property