Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

2. Hacking with Style > Hack 27. Control Mobile Layout with the viewport <meta>...

Hack 27. Control Mobile Layout with the viewport <meta> Tag

Browser makers have conformed to the use of a <meta> tag that helps your mobile and small-screen devices load a page as the author desired. This one tag can be the difference between a viewable website and one that is “made for mobile.”

When smartphones with fancy HTML5 browsers hit the market, they opened up the Web at a whole new level. After years of being limited to a WAP (Wireless Application Protocol)-based Web of limited markup on alternate versions of sites, we now had the entire Web accessible from the palm of our hand. Smartphones generally adopted a technique of scaling the entire page down so that it would fit on a small screen (with limited pixels). Basically, the average 920 px website would be scaled down to 320 px (or whatever the device’s pixel width happened to be).


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free 10-Day Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint