iPhone 4 Retina «apple-touch-startup-image» для веб-приложений (альбомная) - PullRequest
0 голосов
/ 09 февраля 2012

Надеюсь, этот вопрос еще не задавался.

У меня есть следующая рабочая

<!-- 640x920 for retina display -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/iphone4-portrait.jpg" />

Я знаю, что изображение должно быть 640x920, иначе оно не будет работать
я знаю, что для этого нет варианта Пейзаж? или есть?

Итак ... что касается моей проблемы, при загрузке веб-приложения с домашнего экрана в альбомной ориентации вы можете видеть содержимое страницы за заставкой (более светлая зеленая область на изображении ландшафта ниже), где находится панель состояний портрет

У кого-нибудь была эта проблема, если да, то как вы справляетесь с ней?

Спасибо

enter image description here enter image description here

Ответы [ 3 ]

1 голос
/ 14 марта 2012

Заставить их работать - настоящий кошмар.

На git hub (https://gist.github.com/472519) написано, что сетчатка должна быть <link rel="apple-touch-startup-image" media="screen and(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="apple_launch_640x920.png" /> - и все говорят, что это должен быть точный размер, иначе он не будет работать, но все говорят разные размеры.

Кроме того, кажется, что приложения кешируются (возможно, не сейчас в iOS5.1, но я не уверен), поэтому у вас нет никакого способа узнать, правильно ли вы это сделали или нет, если вы этого не получили прямо в первый раз.

Я ДЕЙСТВИТЕЛЬНО ДЕЙСТВИТЕЛЬНО ДЕЙСТВИТЕЛЬНО хотел бы, чтобы Apple опубликовала код своей информации о разработчике где-нибудь с окончательным ответом на это (включая iPad Retina), чтобы мы могли просто воспринимать это как 10-минутную работу, а не тратить часы, часы и часы возиться ...: (

Я нашел, по крайней мере, следующие работы на iPad 2 - альбомная версия iPad2 на самом деле является портретной с повернутым содержимым, поэтому сделайте альбомную версию (748x1024) и затем поверните на 90 ЧАСОВ, и все будет хорошо.

<!-- startup image for web apps - iPad - landscape (748x1024) 
 Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).-->
<link rel="apple-touch-startup-image" href="/apple_launch_748x1024.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />

<!-- startup image for web apps - iPad - portrait (768x1004) -->
<link rel="apple-touch-startup-image" href="/apple_launch_768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />

Что делать с остальными, хотя я не знаю, у меня нет старого iphone или ipad с сетчаткой, и все это так хреново, что-то из этого работает, кто-нибудь догадывается ...

1 голос
/ 04 марта 2012

Вы не можете иметь пейзажное изображение запуска на iPhone. Пейзажные изображения работают ТОЛЬКО на iPad. Кроме того, вы должны использовать правильный размер на iPhone, или он не будет отображаться вообще.

Это добавит заставку в ваше веб-приложение. Ниже приведены размеры, которые вам понадобятся как для iPad, так и для iPhone / iPod Touch, включая область строки состояния.

iPad Пейзаж - 1024 x 748

<link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" />

iPad Portrait - 768 x 1004

<link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" />

Портрет iPhone / iPod Touch - 320 x 480 (стандартное разрешение)

<link rel="apple-touch-startup-image" href="img/splash-screen-320x460.png" />

Портрет iPhone / iPod Touch - 640 x 960 пикселей (Retina Display с высоким разрешением)

<link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" />

При создании веб-приложения для совместимости с iPad рекомендуется использовать как альбомный, так и книжный размеры.

0 голосов
/ 13 марта 2012

Для iPhone не существует спецификации экрана запуска ландшафта. Это связано с тем, что iPhone не поворачивает домашний экран, когда устройство находится в горизонтальном положении - пользователи всегда будут запускать с книжной ориентации.

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

...