如何防止iOS 7中的web应用程序中的启动映像垂直拉伸?

如何防止iOS 7中的web应用程序中的启动映像垂直拉伸?,ios,ios7,iphone,Ios,Ios7,Iphone,我正在iOS 7中创建一个iPhone独立web应用程序。我指定了一个启动映像,但它总是垂直拉伸一个额外的40px。我认为这是为了补偿iOS 7中新的透明状态栏样式 我想指定一个1136px高的图像(iPhone屏幕的全高),这样它就不需要拉伸,但不起作用 <link rel="apple-touch-startup-image" href="startup_640_1136.png"> <meta name="apple-mobile-web-app-capable" con

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

我想指定一个1136px高的图像(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">

当我提供一个1136px高的图像时,什么都没有显示。 当我提供一个1096px高的图像时,它显示为垂直拉伸,就像这个比较图像中的左侧:


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

iOS7上的启动映像大小:

纵向(非视网膜):768x1024像素 人像(视网膜,2x):1536x2048像素

横向(非视网膜):1024x768像素 横向(视网膜,2x):2048x1536像素

如你所见,你的图像高度应该是1024/2048像素(非视网膜/视网膜),如果是纵向的,或者是768/1536像素(视网膜/非视网膜),如果是横向的


你能告诉我你为什么考虑1136/1096px的高度(这些不是你需要的高度)吗?

我的数字是iPhone的。看起来你的号码是iPad的。我相信iPad上也存在同样的问题,但我现在关注的是iPhone。我已经更新了我原来的问题,以便更清楚地表明我指的是iPhone。这个问题会与你的问题类似吗?