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

With viewport

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

Without viewport

Without viewport

[/bs_col][/bs_row]

More tutorial on the viewport meta tag on webdesign tuts.

Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.