Я пытался добавить экран запуска в свое приложение, но он не работает (ни из Safari, ни с домашнего экрана).
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<!-- Startup images -->
<!-- iOS iPad (retina, portrait) -->
<link rel="apple-touch-startup-image" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="images/apple-touch-startup-image-1536x2008.png">
<!-- iOS iPad (retina, landscape) -->
<link rel="apple-touch-startup-image" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="images/apple-touch-startup-image-1496x2048.png">
<!-- iOS iPad (portrait) -->
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="images/apple-touch-startup-image-768x1004.png">
<!-- iOS iPad (landscape) -->
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="images/apple-touch-startup-image-748x1024.png">
Я открываю его на iPad с дисплеем Retina. Все изображения доступны и нормально загружаются по прямым ссылкам. Все пейзажные изображения имеют портретный формат и повернуты на 90 градусов по часовой стрелке. Я также попытался установить «ширину» для сетчатки на 2048, но безуспешно.
Я что-то пропустил?
Используемые источники:
Несколько разрешений Apple-Touch-Startup-Image для веб-приложения iOS (особенно для iPad)?
Есть ли эквивалентный apple-touch-startup-image для iPad?
https://miguelmota.com/blog/iphone-and-ipad-web-app-startup-images/