Friday, April 20, 2012

The 'mobile' meta tag

This tag isn't a magic bullet, but don't forget to include it whenever you're starting a mobile site design.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;" />

// user-scalable=true?  It's up to you.

Tons of information available here:  https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

UPDATE 12/14/12:  I've been having luck with this one too:
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, target-densitydpi=device-dpi" />

No comments:

Post a Comment