Resizing the Web Page to Fit the Cell Phone Screen

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