Adding the Viewport Meta Tag to html.tpl.php

So far, we’ve adapted our layout to be flexible and fluid using relative units like percentages and ems, instead of absolute ones, like pixels. The problem is that smaller devices will often use resolutions much greater than the actual size of the screen size or viewport. So while our relative sizing is technically working, it’s not going to be terribly useful or make our content more readable and accessible until we add an important tag to the head of our html template file: the viewport meta tag. By adding the viewport meta tag to the head of our html template file, we’re letting the browser know that we want the viewport size to be the size of the device, not some huge resolution more suitable for a 17″ monitor, for example. This is a small but critical step in implementing a responsiv

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

Leave a Reply

Your email address will not be published. Required fields are marked *