Menu
If anyone could answer this it would be a great help to newbies learning
<meta="viewport"> 
299
Setting the viewport meta tag lets you control the width and scaling of the viewport so that it's sized correctly on all devices.
A viewport is a term for the visible area of a webpage on a display device. It is used in both code and analog design as a way to refer to the display screen and how layout fits into that screen.
Generally, meta elements (including viewport) should be placed in the document's <head> . CSS rules should either be added to a CSS stylesheet and referenced with a <link> element or, if you're not using stylesheets for some reason, in a <style> element (also in the document's <head> ).
The HTML Viewport meta tag is used for creating responsive website. So that web page can adjust its width according to viewport.
<head>.<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.
129
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.
29
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
