How do I prevent resize on iPad

Question

I have a web app running on Safari on an iPad. I am starting the app from the iPad home page. I want the app to start in full-screen mode, and to continue running in full-screen mode (i.e. not showing the Safari address bar).

I want to prevent the "pinch-to-zoom" and pan/zoom functions so the page always remains static. How do I do this?

Please stop doing this. It's not accessible. – Kreidol Jul 27 '23 at 23:59 — Kreidol, Jul 27 '23 at 23:59

score 15 · Accepted Answer · answered Jun 03 '12 at 10:43

15

If you put the following meta tag into the html output and then start the app from the homepage then it will be fullscreen when it runs:

<meta name="apple-mobile-web-app-capable" content="yes">

The following is to prevent the user from zooming:

<meta name="viewport" content="width=device-width,user-scalable=no">

answered Jun 03 '12 at 10:43

zaf

22,776
12
65
95

Thanks worked a treat. The only thing is, there's still a thin grey bar at the top of the browser (no buttons on it or anything, just plain grey - about 10px high). Any idea if/how I can get rid of that? – Ben Jun 03 '12 at 11:24
Hmm, can't say since I can't test at the moment. Works fine for me on the new ipad... – zaf Jun 03 '12 at 17:52

How do I prevent resize on iPad

1 Answers1