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

Source: Internet
Author: User
Tags home 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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.