How to keep viewport size and window size identical?

[mrchow19910319]

Is there a way to do that? I found it confusing when coding. 
I have two windows here, the 1st one is the template I downloaded online. The 2nd one is my own duplicate.

The problem I am facing is the 1st one's viewport width is identical with its windows width, while the second one is not.

How do I set the second one so that the windows size = viewport size?

[Hazy125]

All my projects start with several default tags. This one goes in the head and it helps with most viewport and scaling issues you have when dealing with mobile devices and such

 

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

 

[MoVo]

(I guess) Window size is the size of the chrome Window on your monitor. The viewport is the part of chrome which is actually rendering the website. 

To make containers as big as your viewport you can use relative units like vh and vw. 

[mrchow19910319]

3 minutes ago, Hazy125 said:

 

Thanks for the tip, I 've already included those, not working. 

Also there shouldn't be a / at the end of the code. 

[Hazy125]

Just now, mrchow19910319 said:

Thanks for the tip, I 've already included those, not working. 

Also there shouldn't be a / at the end of the code. 

The meta tage, like br and input tags are self closing or void tags. If you're using HTML5 which you should be it's the current spec, it doesn't matter if you have the tag like this <br> or like this <br />. Both are valid. But if you want to use earlier than HTML5 or XHTML, the spec for that version required the slash. So having the slash is always valid no matter what standards you're coding to and what browsers people are using to view your site(there are plenty of older browsers that have never heard of HTML5)... So yeah, I try and always make sure I close void tags that way when I can

[mrchow19910319]

1 minute ago, Hazy125 said:

 

Oh... didn't know that. opps. sry