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