Stop Mobile Safari from Zooming when rotating device

When ever you are testing responsive design sites across multiple devices you need rotate the device. Sometimes doing this means that you’re layout/design is zoomed in more than the normal size.

To get around this just include the following in the head.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">


Leave a comment

Your email address will not be published. Required fields are marked *