Re: Responsive Design won't work on my phone! - CSS-Tricks

February 21, 2013 at 11:00 pm #125633

Participant

@NoizyCr1cket glad we could help. =)

Just as a little background, I believe the width=device-width helps tell the mobile browser that it doesn’t need to zoom all the way out to get the “helicopter view”; in a sense letting it know that you’ve made it responsive.

The initial-scale=1 is for retina screens (newer iphones and ipads), telling the browser to render the page at normal resolution instead of trying to double up pixels.

At least that’s what I think it is, after reading articles. More here.
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

And good job learning responsive. =)