CODEWITHSUNDEEP
htmlcssresponsive-design
Bagzli
Bagzli

Reputation: 6569

Mobile device does not shrink in width

I am trying to make a responsive website. Basically when you resize the browser, things shift around and such. Right now I have that portion working fine.

The problem though comes when I Load the page on my cell phone, the phone seems to load in 1024 pixels width no matter what. Right now I forced my content to be 450 pixels wide, and that did not do the trick either. Does this has something to do with the fact I am using max-width? Can max-width tell the phone to load it in 1024 pixels? If so how can I get around that, how do I tell the mobile devices to load the website in the size they are intended?

At this point in time I am not using any media queries because I have not gotten to the part where I require them, but I'm also wondering if this is the problem as well? Do I absolutely must have media queries and lets say if its 720 pixels, I have to force every object to have max width of 720 pixels or it will not work?

Upvotes: 2

Views: 1033

Answers (1)

Marty
Marty

Reputation: 39458

Looks like you're missing the viewport <meta> tag:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Upvotes: 3

Related Questions