Responsive design - Media Query not working on iPhone?

Question

I am trying to create a mobile friendly version of my website, to make my website responsive to a smaller screen size and scale accordingly.

I\'ve created some media

Answer 1

I just experienced the most bizarre thing after troubleshooting this same problem for a day. Something to try if all else fails...

My pages were perfectly responsive on my laptop during development but not on my iPhone, iPad or Samsung. I finally discovered I had to put a comment line after the DOCTYPE statement and before the html lang statement, like this:

Finally, my pages were responsive on the mobile devices. Weird!