Responsive web design is working on desktop but not on mobile device

mobile web responsive-design
Tadas Davidsonas picture Tadas Davidsonas · Jan 13, 2013 · Viewed 109k times · Source

I have a website which must be responsive for mobile phones. I've created it using my desktop. When I adjust browser windows it's working perfectly for mobile phone but when I check it on my real mobile phone: Samsung Galaxy S2 it's not responsive to the mobile view.

What could be the wrong?

Answer

Agush picture Agush · Jan 29, 2013

You are probably missing the viewport meta tag in the html head:

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

Without it the device assumes and sets the viewport to full size.

More info here.

Related questions

How to make my website mobile and tablet compatible?

I want to make my existing website automatically adjust itself when viewed either on mobiles, tablets, or even when you adjust your screen on a desktop. Failing that, if it's too difficult, what suggestions do you have?? I basically want …

Read More
How do they do this - Mobile Site Added to Homescreen Appears as Standalone App

So I've only seen one website do this and I'm very curious to know how they do it. I'm using an iPhone 4 with iOS5 by the way. Go to http://m.funnyordie.com/ (Will Ferrell's sketch comedy site) on mobile …

Read More
What is the best way to detect a mobile device?

Is there a way to detect whether or not a user is using a mobile device in jQuery? Something similar to the CSS @media attribute? I would like to run a different script if the browser is on a handheld …

Read More