HTML5

Prevent browser zoom in iOS

A Blog Post by

Every now-and-then you get a page that iOS Safari just goes and zooms in on your text, which isn't ideal for the overall look, navigation etc.

You can easily prevent this from happening by adding the following line to your page header:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
Created: Mon, 20/08/2012 - 17:54

Hiding the browser bars in iOS for your web app

A Blog Post by

Ever liked a mobile website so much that you want to add it to your home screen? And who doesn't want to do that with one of their own apps?

Now when the pesky iOS browser bars are bugging you, you can easily remove them by adding the following snippet to your web page head:

<meta name="apple-mobile-web-app-capable" content="yes" />
Created: Mon, 20/08/2012 - 17:25