iPhone 6 Plus中的apple-touch-startup-image的正确大小？ [英] Correct Size for apple-touch-startup-image in iPhone 6, iPhone 6 Plus?

问题描述

 < p> ！ -  iOS 8 iPhone 6（人像） - > 
 <！ -  iOS 8 iPhone 6（横向） - > 
 <！ -  iOS 8 iPhone 6 Plus（人像） - > 
  <！ -  iOS 8 iPhone 6 Plus（横向） - > 
   

解决方案

编辑：我从我的文章中删除了不正确的信息，你放置的是正确的减去iPhone 6的横向模式，并交换宽度/高度为iPhone 6+景观。

 < ;！ -  iPhone 6  - > 
  
 <！ -  iPhone 6+肖像 - > 
  
 <！ -  iPhone 6+风景 - > 
   

我之前通过使用与设备相同的启动图片大小而犯了一个错误，不会显示，必须使用正确的图像尺寸。

Wanting to see if my math and media queries are correct here, as I cannot find this info anywhere.

<!-- 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)">

解决方案

Edit: I have removed incorrect information from my post, what you had placed is correct minus the iPhone 6 landscape mode, and swap the width/height for iPhone 6+ landscape.

<!-- 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">

I had previously made a mistake by using startup image sizes the same as the device, and they simply don't show, the correct image sizes must be used.

这篇关于iPhone 6 Plus中的apple-touch-startup-image的正确大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！