How is the meta viewport tag used, and what does it do?
- What browsers support this meta tag?
- How do i use it?
- Does this mean it will solve all my mobile resizing problems?
If anyone could answer this it would be a great help to newbies learning
<meta="viewport">
Answer
- The viewport browser support is a little bit across the board. I'll point you to the Quirksmode page for viewport browser support for the full details.
- You use the viewport meta tag like any other meta tag. Put the code block straight up in the
<head>. - Pretty much, but again, a little bit of a mouthful to say here. I'd advise reading some articles, reading the W3 mobile best practices for web design, or the current W3 draft specifications on the viewport attribute for the
<meta>tag.
In short, adding this line to a website that should implement viewport scaling should fix most problems. (copied from WebDesignTuts+'s "Quick Tip: Don't Forget the Viewport Meta Tag" article)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">P.S. Quirksmode also has a rather wonderful article describing the issue that's worth reading to understand why this might be helpful.