如果存在较低的分辨率,iPhone 5的apple-touch-startup-image无法加载

时间:2014-10-02 01:43:44

标签: ios iphone iphone-web-app

我为所有iphone型号添加了启动图像,以确保每个人都能在其设备上获得启动画面。 问题是,如果我保留iphone 4和iPhone 3gs的分辨率,iphone 5的启动图像将无法加载。

这是我的设置:

<link rel="apple-touch-startup-image" href="images/splash-iphone6plus.png" media="(max-device-width:414px) and (max-device-height:736px)">
<link rel="apple-touch-startup-image" href="images/splash-iphone6.png" media="(max-device-width:375px)">
<link rel="apple-touch-startup-image" href="images/splash-iphone5.png" media="(max-device-width:548px)">
<link rel="apple-touch-startup-image" href="images/splash-iphone4.png" media="(max-device-width:480px)">
<link rel="apple-touch-startup-image" href="images/splash-iphone3gs.png" media="screen and (max-device-width:320px)">

如果我没有注释iphone 3和4的线路,启动图像就不会出现在我的iphone 5s上。

我知道你应该为视网膜屏幕增加“and(-webkit-device-pixel-ratio:2)”,但没有区别,如果它存在,我会得到验证错误。

任何线索?

0 个答案:

没有答案