Search code examples
iphoneweb-applicationsiphone-5

how to set apple-touch-startup-image for iphone5?

I tried

<link href="Images/Default-568h@2x.png" sizes="640x1136" media="(device-width: 640px) and (device-height: 1136px)" rel="apple-touch-startup-image">

But it didn't work. And apple's interface guildline hasn't been updated for iphone5.

Anybody knows?Thanks!

Solution

  • 1.Don't use "width=device-width" for viewport, use codes below:

    <meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">

    2.Prepare an image sized 640*1096, save as "Images/Default-568h@2x", add this code to your page's header:

    <link href="Images/Default-568h@2x.png" rel="apple-touch-startup-image" sizes="640x1096">

    Here's a demo, it's compatible with iPhone5: https://github.com/openfibers/php-tot