iPhone 6，iPhone 6 Plus中的apple-touch-startup-image的正確大小？

想要查看我的數學和媒體查詢是否正確，因爲我無法在任何地方找到此信息。iPhone 6，iPhone 6 Plus中的apple-touch-startup-image的正確大小？

<!-- iOS 8 iPhone 6 (portrait) --> 
<link rel="apple-touch-startup-image" href="/apple-touch-startup-image-750×1294.png" media="(device-width: 375px) and (device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"> 
<!-- iOS 8 iPhone 6 (landscape) --> 
<link rel="apple-touch-startup-image" href="/apple-touch-startup-image-710x1334.png" media="(device-width: 375px) and (device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"> 
<!-- iOS 8 iPhone 6 Plus (portrait) --> 
<link rel="apple-touch-startup-image" href="/apple-touch-startup-image-1242×2148.png" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"> 
<!-- iOS 8 iPhone 6 Plus (landscape) --> 
<link rel="apple-touch-startup-image" href="/apple-touch-startup-image-1182x2208.png" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)">

來源

2014-09-24 Ken Edwards

好嗎？那麼，什麼是問題，你（可能）在數學和媒體查詢中遇到了什麼問題？ – 2014-09-24 22:03:44

哈哈，好吧，我想我可以更清楚。 4行代碼的尺寸爲750×1294,710×1334,1242×2148,1182x2208。這些是正確的嗎？ – 2014-09-25 02:12:42

爲什麼每個設備的縱向和橫向尺寸不同（寬度和高度的明顯交換除外）？ – rmaddy 2014-09-25 16:49:58

編輯：我已經從我的文章刪除不正確的信息，你已經把正確減去iPhone 6橫向模式，並交換了iPhone 6+景觀寬度/高度。

<!-- iPhone 6 --> 
<link href="750x1294.png" media="(device-width: 375px) and (device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

<!-- iPhone 6+ Portrait --> 
<link href="1242x2148.png" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image"> 

<!-- iPhone 6+ Landscape --> 
<link href="2208x1182.png" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">

我以前使用的啓動圖像搞錯了尺寸相同的設備，他們根本不顯示，正確的圖像大小必須可以使用。

來源

2014-09-26 10:43:14

[同一個mobilexweb.com鏈接]（http://www.mobilexweb.com/blog/safari-ios8-iphone6-web-developers-designers）你來源（這是一個偉大的閱讀，我已經通過它）也設備寬度爲375px和414px。這與蘋果觸摸啓動圖像媒體屬性一起，我已經爲iPad和較舊的iPhone已經有了。 – 2014-09-27 04:11:35

iPhone 6 Plus僅支持風景，我剛剛發現。這樣就消除了一行代碼。在發佈完成的代碼片段之前，仍然需要在Plus上進行測試。 – 2014-09-28 04:47:41

啊，對於像素來說你絕對正確，目前有太多衝突的信息，但這似乎是最完整的。 iPhone 6+僅支持風景（不是縱向視圖）還是支持縱向和橫向的唯一設備？ – 2014-09-29 08:32:29

我沒有足夠的信譽發表評論，所以這裏是我的建議的回答，基於優秀的答案亞當·斯密：

<!-- iPhone 6 --> 
<link href="750x1294.png" media="(device-width: 375px) and (device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> 

<!-- iPhone 6+ Portrait --> 
<link href="1242x2148.png" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image"> 

<!-- iPhone 6+ Landscape --> 
<link href="1182x2208r.png" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image">

注6 +景觀形象必須由向右轉90 °，尺寸必須爲1182x2208。這與iPad的風景啓動圖像一致。如果你是一個webapp開發者並且擁有iPhone 6+，請測試這個答案和評論。謝謝！

來源

2014-10-31 04:32:10

1182 x 2208旋轉90°是2208 x 1182.景觀圖像必須保存在橫向模式，它需要是2208寬和1182高。 – 2014-10-31 08:53:02

@AdamSmith至少對於iPhone 5來說，啓動圖像必須是** always **垂直位置。 – andufo 2014-11-23 03:10:55

如果有人擁有iPhone 6+可以測試正確的答案，那真是太棒了！ – 2014-11-24 22:57:40

iPhone 6，iPhone 6 Plus中的apple-touch-startup-image的正確大小？

回答

相關問題