4

この情報がどこにも見つからないため、ここで数学とメディアクエリが正しいかどうかを確認したい.

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

3 に答える 3

0

コメントするのに十分な評判がないので、Adam Smith による優れた回答に基づいて、私が提案した回答を次に示します。

<!-- 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 のランドスケープ起動イメージと一致しています。あなたが Web アプリケーション開発者で、iPhone 6 以降をお持ちの場合は、この回答をテストしてコメントしてください。ありがとう！

于 2014-10-31T04:32:10.477 に答える
0

https://dev.to/oskarlarsson/designing-native-like-progressive-web-apps-for-ios-510oで説明されているように、私の場合、サイズはわずかに異なる必要があります。iPhone 用に次のリンクを定義する必要がありました。 6秒:

<link href="/apple-launch-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">

その後、起動イメージが iPhone 6s に表示されます。

于 2021-03-30T17:32:33.507 に答える