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

Question

我正在iOS 7中创建一个iPhone独立的Web应用程序。我已经指定了一个启动图像，但它总是垂直拉伸额外的40px。我假设这是为了补偿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 px

如您所见，如果是肖像，您的图像高度应为1024/2048像素（非视网膜/视网膜），如果风景图像，则为768/1536像素（视网膜/非视网膜）。

你能告诉你为什么你已经考虑了1136 / 1096px的高度（这些不是你需要的高度。）