Mobile web dev

Viewports:

CSS:

Place before any media queries.

@viewport {
  width: 480px;
  zoom: 1;
}

Meta tag (better support):

<meta name="viewport" content="width=320">

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

<meta name="viewport" content="width=320,initial-scale=1">

// Set zoom to full size
<meta name="viewport" content="initial-scale=1">
This entry was posted in computing, web development. Bookmark the permalink.