Landing Page Responsive on Desktop but not on Mobile?

[Anonymous]

Hi Everyone,

I'm having a bit of a problem with making a responsive landing page using the Double Div method. Everything works on my desktop computer (resizes fine based on window width) but once I switch to a mobile device, something - I suspect a div container or something like that - is keeping the page at a fixed minimum width and is not responsive beyond that width.

Essentially, it seems like something is being added on mobile clients only. Any thoughts on what this could be? Thanks!

[Anonymous]

Ok this is kind of embarassing but I figured this out. You just need to add

name="viewport" content="width=device-width, initial-scale=1"

To your meta tag.

[Anonymous]

You are right. Adding the <meta name="viewport" content="width=device-width, initial-scale=1"> is a good way to make the page responsive to screen size of the device.