IPhone/iPad full-screen

1.

Apple API: http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

Others: http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/

Full Screen:

1. Add <meta name = "apple-mobile-web-app-capable" content = "yes"> to HTML head.

2. Run web apps, click "+", add to home screen, add

3. Run link on desktop, it will full screen, every pages need add this <meta>

If run at Safari, that will not full screen.

 

Viewport:

<Meta name = "viewport" content = "width = device-width, initial-scale = 1, minimum-scale = 1, maximum-scale = 5, user-scalable = yes "/>

Zoom in/zoom out

User-scalable: Yes, can zoom; NO: Can't; default Yes

Scale: 0-10, it seems no effect below 1;

 

Application icon:

<LINK rel = "apple-touch-icon" href = "../image/iphone-icon.png"/>

 

2 .(This is better)

JS Code
$ (Window). Load (function (){
SetTimeout (function (){
If (typeof (window. scrollto) = 'function '){
Window. scrollto (0, 1 );
}
},100 );
});

 

Scroll header to top (hide), if you need, scroll down, it appears.