iPhone zoomed in on page when opened

Question

I've been working on my first responsive design, and I'm having some trouble when viewing it on my iPhone. When I open a page on the iPhone, it's a little zoomed in to the left – just enough to miss text on the far right.

You can find the website here. The viewport-meta tag looks like this:

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

It looks fine on my computer and on my iPad. Any and all help is appreciated.

Answer 1

Try this viewport, it works great on my website:

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

Answer 2

Found it. I had put width:100%; and padding:0 10px; on the .wrapper element under @media only screen and (max-width: 600px). Changed it to width:96% and padding: 0 2%;, and it worked like a charm.

Thanks for the help!