Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Kaisar Andreti Mustiadi
Kaisar Andreti Mustiadi
5,364 Points

need more explanation about "viewport"

need more explanation about "viewport"

Patrick Gerrits
Patrick Gerrits
14,614 Points

We will need more info than that. What do you mean by viewport? in wich video are you?

Kaisar Andreti Mustiadi
Kaisar Andreti Mustiadi
5,364 Points

i mean this meta tag below

<meta name="viewport" content = "width=device-width, initial-scale=1.0 "

2 Answers

Patrick Gerrits
Patrick Gerrits
14,614 Points

It is used to regulate the logical measurements and to scale the browser viewport screen in smartphone browsers. So in your example it will use the whole screen width of the device and scales us to 1 (so it is unscaled)

Code Pack
Code Pack
1,978 Points

Hi Patrick,

I'm creating a page where I have used link view port tag in my HTML file. I used media queries as well but the problem is I need to refresh again and again to see the changes? Can you help me on it.

Kaisar Andreti Mustiadi
Kaisar Andreti Mustiadi
5,364 Points
Kaisar Andreti Mustiadi
Kaisar Andreti Mustiadi
5,364 Points

Thanks Patrick