如何防止啓動圖像在iOS 7中的Web應用中垂直拉伸？

我在iOS 7中創建了iPhone獨立Web應用程序。我已經指定了一個啓動圖像，但它總是垂直延伸一個額外的40像素。我認爲這是爲了彌補iOS 7中新的透明狀態欄風格。如何防止啓動圖像在iOS 7中的Web應用中垂直拉伸？

我想指定一個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">

當我提供一個1136px高的圖像時，什麼也沒有顯示出來。當我提供1096px高大圖像，它顯示了垂直拉伸，如左側在此比較圖像：

enter image description here

我畫線來說明圖像是如何拉伸。預期的結果在右邊，實際在左邊。

來源

2013-10-28 Nathan Manousos

這個問題可能與您的問題類似嗎？http://stackoverflow.com/questions/19071414/change-the-color-of-the-ios-7-status-bar-in-safari-and-chrome ？ – Subzero

上iOS7推出圖像的大小：

肖像（非視網膜）：768×1024像素人像（視網膜，2次）：最高1536x2048像素

景觀（非視網膜）：1024×768像素景觀（視網膜，2x）：2048x1536 px

正如您所看到的，如果縱向和像素爲768/1536像素（視網膜/非視網膜），則圖像高度應爲1024/2048像素（非視網膜/視網膜）。

請問你爲什麼考慮過高度1136/1096px（這些不是你需要的高度）？

來源

2013-10-28 21:06:40 Subzero

我的號碼是針對iPhone的。它看起來像你的號碼是iPad。我相信iPad上也存在同樣的問題，但我現在專注於iPhone。我已經更新了我的原始問題，以便更清楚地指出我指的是iPhone。 –

如何防止啓動圖像在iOS 7中的Web應用中垂直拉伸？

回答

相關問題