ios - 如何防止启动图像在 iOS 7 的 Web 应用程序中垂直拉伸？

Question

我正在 iOS 7 中创建一个 iPhone 独立网络应用程序。我指定了一个启动图像，但它总是垂直拉伸额外的 40 像素。我认为这是为了补偿 iOS 7 中新的透明状态栏样式。

我想指定一个 1136 像素高的图像（iPhone 屏幕的全高），因此它不需要拉伸，但它不起作用。

<link rel="apple-touch-startup-image" href="startup_640_1136.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

当我提供一个 1136 像素高的图像时，什么都没有显示。当我提供一个 1096 像素高的图像时，它会垂直拉伸，就像这个比较图像中的左侧一样：

我画了线条来说明图像是如何被拉伸的。预期结果在右边，实际结果在左边。

Answer 1

iOS7 上启动图像的大小：

人像（非视网膜）：768x1024 像素人像（视网膜，2x）：1536x2048 像素

风景（非视网膜）：1024x768 像素风景（视网膜，2x）：2048x1536 像素

如您所见，您的图像高度应该是纵向的 1024/2048 像素（非视网膜/视网膜）和横向的 768/1536 像素（视网膜/非视网膜）。

您能否告诉您为什么考虑高度 1136/1096px（这些不是您需要的高度。）？