This blog site is not meant to be any information that is distributed to the general public. It is to serve as shared documentation between the DNSTC developers; however, if you find something useful and would like to use it, go right ahead.

Tuesday, January 31, 2012

Resizing the Web Page to Fit the Cell Phone Screen

imageOne of the issues we ran into when we started creating webpages for mobile devices was to have the screen auto-zoom so that the visitor did not have to take the extra step to zoom in on the content.

After several searches on the Internet, I came across the following code that you add as a meta tag to solve the problem.  We actually tested this on 4 different mobile browsers and it seemed to work just fine.

<meta name="viewport" content="width=device-width; initial-scale=1.0">

What this code does is resize the screen to the scale of the cell phone (or mobile device) browser.

That’s it.

No comments:

Post a Comment