Веб-приложение для iPhone - не работает заставка

Question

У меня есть 2 веб-приложения с одинаковыми метатегами (для тестирования), которые ссылаются на один и тот же файл для использования в качестве заставки.

одно приложение абсолютно нормально - не беспокойтесь и прекрасно работает в любое время на любом устройстве.

другое приложение не хочет об этом знать - почему заставка кажется такой темпераментной?

Кстати - значок приложения работает нормально, поэтому я знаю, что каталог установлен правильно - также обратите внимание, что я использую то же изображение, поэтому спецификации для этого тоже правильные.

Answer 1

Что касается замечания 320x460 px, сделанного предыдущим автором, вы можете указать другое заставочное изображение для устройств с поддержкой сетчатки. Это решение работает для меня:

<link rel="apple-touch-startup-image" href="img/splash/splash.png" media="screen and (max-device-width: 320px)">
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="img/splash/splash@2x.png">

Размер файла Splash.png должен составлять 320x460 пикселей, а размер файла splash@2x.png должен быть вдвое больше: 640x920 пикселей.

Answer 2

Я сталкиваюсь с этой проблемой довольно часто, и она почти всегда вызывается вызовом более одного заставки или заставки размером не 320х460 пикселей (точно).Это должно сработать:

<link rel="apple-touch-startup-image" href="/splash-iphone.jpg" />

Но прежде чем вызывать заставку, вы должны также включить эти три строки кода:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

Наличие нескольких веб-приложений, ссылающихся на один и тот же файл заставкине должно быть проблемой, но не наоборот.