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" />

[bs_row class=”row”][bs_col class=”col-xs-6″]

With viewport

[/bs_col][bs_col class=”col-xs-6″]

Without viewport

[/bs_col][/bs_row]

More tutorial on the viewport meta tag on webdesign tuts.