Apple-touch-startup-image make iphone web App splash screen

When you create a Web application for the ipad launch screen when you find a problem, can only display the vertical screen diagram, the horizontal screen picture does not come, as follows:

First of all the page in the head to join (this is the app splash screen picture, if not set, the Start screen is white screen, picture pixel is the phone full screen pixel)

<link rel= "Apple-touch-startup-image" media= "screen and (orientation:portrait)" href= "/apple_startup.png" > <link rel= "Apple-touch-startup-image" media= "screen and (Orientation:landscape)" href= "/apple_startup1.png" >

Focus on the following:

Two pictures must meet the wide high standard to display normally:

Startup_portrait.png 768x1004

Startup_landscape.png 748x1024

1, should pay attention to horizontal screen with the figure must be vertical, that is, width 748 high 1024 to display

2, today found that in Safari select "Add to the home screen" to ensure that the device is vertical, in order to successfully display the splash screen after completion.

The above experiments were successful on the ipad 1 generation 4.3.1 system.

Apple-touch-startup-image make iphone web App splash screen