How is the meta viewport tag used, and what does i

2019-01-22 02:59发布

  1. What browsers support this meta tag?
  2. How do i use it?
  3. 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">

4条回答
Luminary・发光体
2楼-- · 2019-01-22 03:03

You can view all the details from mozilla blog

https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

查看更多
\"骚年 ilove
3楼-- · 2019-01-22 03:13

Meta viewport tag is used to adjust the size and visibility of the website according to the size of viewing screen. It helps the webpage to fit automatically in android, tablet or iphone.

查看更多
戒情不戒烟
4楼-- · 2019-01-22 03:19

Another article about meta viewport, its various properties, and how to use it in your designs is http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

There's also a slidedeck explaining things in detail and a Github repo to go with it.

Disclaimer: I'm the author of these resources.

查看更多
一夜七次
5楼-- · 2019-01-22 03:23
  1. 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.
  2. You use the viewport meta tag like any other meta tag. Put the code block straight up in the <head>.
  3. 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.

查看更多
登录 后发表回答