Mobile devices such as iPhones often need to be told not to zoom the whole page.  There’s a good description here.

Use this in the head to stop zooming occurring:

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