ios - iOS7 and the web-app splash screen trouble -
so have mobile theme working on wordpress site , want use splash screen when users launch app/site home screen. however, reason, cannot work, , think reason might fact running ios7
<link rel="shortcut icon" href="/favicon.png" /> <meta name="apple-mobile-web-app-title" content="the ixellian"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="apple-touch-startup-image" href="http://ixellian.be/splash/iphone3g-01.png" media="screen , (max-device-width : 320px)"> <link rel="apple-touch-startup-image" href="http://ixellian.be//splash/iphone4-01.png" media="(max-device-width : 480px) , (-webkit-min-device-pixel-ratio : 2)"> <link rel="apple-touch-startup-image" href="http://ixellian.be//splash/iphone5-01.png" media="(max-device-width : 548px) , (-webkit-min-device-pixel-ratio : 2)">
this code in same place have favicon, header.php. , have no idea makeit not work.
i tried use plugin see if else's code makes work, tried "add home screen wp" plugin , thing did working fullscreen mode.
anyone know if splashscreen thing ios7 bug? if need closer details, please go ahead , ask me, i'll gladly me.
thanks in advance!
here have solution:
http://taylor.fausak.me/2013/11/01/ios-7-web-apps/
the splash images must have right resolution:
if none of startup images right resolution, safari display white screen. note startup images in portrait orientation. landscape images should rotated 90 degrees clockwise. there no landscape startup images iphones since start in same orientation.
the resolutions are:
- ipad retina portrait: 1536x2008px
- ipad retina landscape: 1496x2048px
- ipad portrait: 768x1004px
- ipad landscape: 748x1024px
- iphone 4": 640x1096px
- iphone 3.5" retina: 640x920px
- iphone 3.5": 320x460px
the difference full resolution value due status bar (20px non-retina , 40px retina).
Comments
Post a Comment