webapp中的Retina显示启动图像？

有人知道如何让iOS在使用时显示更高分辨率的启动画面吗？目前我坚持使用460x380的图像，这显然在iPhone 4的高分辨率显示屏上显示时看起来很可怕。我试过@ 2X技巧，但似乎没有工作。webapp中的Retina显示启动图像？

任何想法或解决方法？

2010-09-14 Crispy

您是如何显示启动映像的？你使用的是default.png文件吗？ – Satyam 2010-09-14 09:26:56

为什么是460x380？ – 2010-09-14 09:28:02

如果您在http://bit.ly/95IHsf查看Apple的文档，他们会说图片必须是320 x 460像素，并且需要纵向显示。我注意到我在这个问题上搞砸了分辨率，但是我用320x460做了它，并且让它工作。文档没有说任何有关视网膜显示的内容，所以我不确定它是否过时，因此我的问题。 – Crispy 2010-09-14 09:32:29

-3

“@ 2x”技巧的作品。一定是你的图片出了问题。

你想要两个文件。 Default.png和[email protected]。第一个应该是320x460。第二个应该是640x920。我保证它的工作。

来源

2010-09-14 12:09:44

不...出于某种原因不起作用。现在我有Default.png和[email protected]，我已经验证了两者的大小。它总是加载Default.png。我从我的开发服务器的日志中验证了这一点，它甚至没有发送@ 2x版本的请求。我必须在这里错过一些东西......*编辑*你正在讨论webapp的启动/启动画面，而不是网页上的平均img标签图像，对吧？ :) – Crispy 2010-09-14 12:39:55

我正在谈论NATIVE应用程序的启动画面。这是你问的吗？我看到你在问题的标题中使用了“webapp”这个词，但你写的其他东西就像是在制作一个本地应用程序一样...... @ 2x是针对本地应用程序的。在Obj-C中，用Xcode构建。 – 2010-09-14 17:13:57

啊，我正在谈论你通过Mobile Safari使用的webapp。我的印象是，在iOS4中，Mobile Safari试图检查@ 2x图像。 – Crispy 2010-09-15 04:30:39

-1

我见过这种情况下XCode混乱的情况。除了仔细检查图像尺寸（320x460），它不会伤害到：

确保两个图像都在构建中。（右键/选项点击文件标题并选择“目标会员”，然后确保复选框被选中。）
做一个干净的构建。
删除构建目录中的所有构建文件。（清洁没有得到他们所有人。）
从目标手机/ SIM卡中删除应用程序。

我知道这可能看起来很明显或不必要，但是我对我的头发反对同样的问题，并且清理/删除/删除序列修正了它。

来源

2010-10-28 18:20:57 tomwhipple

他在谈论网络应用程序，而不是本机应用程序。 – 2011-11-21 23:46:47

您是否尝试过使用与link标记上像素比例相关的媒体查询？

media="only screen and (-webkit-min-device-pixel-ratio: 2)"为视网膜显示之一。

来源

2011-02-17 23:16:39

这是一个聪明的想法，但即使没有媒体属性，640x920图像也不能在视网膜显示器上工作。我认为目前它可能不被支持。至少离我的测试，我没有管理它。请参阅[文档]（http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html）。希望他们会在以后的iOS版本中添加它。 – theazureshadow 2011-02-18 03:08:06

该死的太糟糕了，现在就开始为我的应用程序设置启动屏幕，它看起来有颗粒感。 – 2011-02-18 06:41:24

的iPad：

link rel="apple-touch-startup-image" sizes="768x1004" href=""/
iPhone Retina Display: link rel="apple-touch-startup-image" sizes="640x960" href=""/

来源

2011-11-05 10:25:02

添加括号 – 2011-11-05 10:27:54

我没有想过我会得到这个工作，但由于某些原因，网上到处指出，高分辨率的图像尺寸是640×960，其实都是640x920。当您进行此更改时，高分辨率闪屏将在视网膜显示屏上正确显示。以下是我在我们的应用程序中使用的确切代码。我们在iPad1/iPad2上使用启动画面纵向和横向，iPhone3/iPhone4

希望这可以帮助某人。

<!-- iOS Device Startup Images --> 
<!-- iPhone/iPod Touch Portrait – 320 x 460 (standard resolution) --> 
<link rel="apple-touch-startup-image" href="splash-screen-320x460.png" media="screen and (max-device-width: 320px)" /> 

<!-- iPhone/iPod Touch Portrait – 640 x 920 pixels (high-resolution) --> 
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="splash-screen-640x920.png" /> 

<!-- For iPad Landscape 1024x748 --> 
    <!-- Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).--> 
<link rel="apple-touch-startup-image" sizes="1024x748" href="splash-screen-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" /> 

<!-- For iPad Portrait 768x1004 --> 
<link rel="apple-touch-startup-image" sizes="768x1004" href="splash-screen-768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"/>

来源

2012-01-24 06:20:29 dnadeau

webapp中的Retina显示启动图像？

回答

相关问题