ВВЕДЕНИЕ: После многих поисков в Google и некоторых книг, я ничего не достиг. Я решил создать этот вопрос, чтобы собрать любые логические решения заставок / экранов запуска / изображений для веб-приложений / прогрессивных веб-приложений на IOS.
Я нашел:
<link href="" sizes="2048x2732" rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" >
<link href="" sizes="1668x2224" rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" >
<link href="" sizes="1536x2048" rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" >
<link href="" sizes="1125x2436" rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" >
<link href="" sizes="1242x2208" rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" >
<link href="" sizes="750x1334" rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" >
<link href=""sizes="640x1136" rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" >
Этот код прекрасно работает.
Но...
Почему код ниже не работает?
<link rel="apple-touch-startup-image" sizes="2048x2732" href="">
<link rel="apple-touch-startup-image" sizes="768x1024" href="">
Будет работать только последняя строка, если я не добавлю атрибут media. Это приводит только один (размер экрана)
i-устройство загружает экран запуска (как его называют в apple).
Вывод: я ищу лучший способ создания экранов запуска.