Close

October 22, 2013

Quick Tip: Viewport Meta Tag

To enable or force a site’s certain layout on their mobile browsers use the “viewport” meta tag.
Here are sample screenshots of my wedding site viewed on mobile Safari to show the extent capability of the viewport. The exact code I added in the header was:

<meta name="viewport" content="width=1600" />

 With viewport

With viewport

Without viewport

Without viewport

More tutorial on the viewport meta tag on webdesign tuts.