После прочтения:
Несколько разрешений "apple-touch-startup-image" для веб-приложения для iOS (особенно для iPad)?
В комментариях к этому посту«Окончательное» решение Marconi использует:
apple-touch-startup-image-2048x1496.png в:
<!-- iPad (Retina, landscape) SPLASHSCREEN-->
<link href="apple-touch-startup-image-2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
, тогда как https://medium.com/appscope/adding-custom-ios-splash-screens-to-your-progressive-web-app-41a9b18bdca3
использует:
apple-launch-1536x2048.png в:
<!-- iPad Mini, Air (1536px x 2048px) -->
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/apple-launch-1536x2048.png">
(разница 40 пикселей)
Кроме того, в средней статье говорится, что png должен быть "точно таким же разрешением, что иустройство iOS, которое использует приложение ".И в статье также не упоминается портретная / альбомная ориентация?Является ли этот медиа-запрос избыточным?
Кто-нибудь может поделиться протестированным решением 2018 года, которое включает в себя книжную / альбомную ориентацию и все iPhone и iPad?