apple-touch-startup-image 制作iphone web應用程序的啟動畫面


為ipad制作web應用程序的啟動畫面時發現個問題,只能顯示豎屏圖,橫屏圖出不來,如下:

首先頁面頭部里要加入(這個是APP啟動畫面圖片,如果不設置,啟動畫面就是白屏,圖片像素就是手機全屏的像素)

<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">

重點在下面:

兩張圖片必須符合寬高標准才能正常顯示:

startup_portrait.png  768x1004

startup_landscape.png 748x1024

1、要注意橫屏用圖必須豎過來,也就是寬748高1024才能顯示

2、今天又發現,在safari里選“添加到主屏幕”時要保證設備是豎放,才能在完成后成功顯示啟動畫面。

以上在iPad 1代 4.3.1系統上實驗成功。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM