Question: I'm taking a Udacity course on making a site responsive and I tried applying `<meta name="viewport" content="width=device-width, initial-scale=1.0">` on a non-responsive site. The result was that page did not try to fit the device's width. Am I misunderstanding something?

[![enter image description here](https://i.stack.imgur.com/MBqE8.png)](https://i.stack.imgur.com/MBqE8.png)

Answer: 
It appears part of your page consists of a table. Most likely that table simply won't fit inside the available width, forcing the page to overflow the device, so to speak.

It could also be any other element either having a fixed width that's too high or that for other reasons can't scale to fit the available width, like text with `white-space: nowrap`. Without seeing more of your code it's impossible to tell.
Change the ratio in your Dev tools. Now, it is 2. Change it to 1.