Сайт неправильной ширины на iPhone на iOS4 при сохранении на Домашнем экране

У меня есть a website, который отлично смотрится при просмотре в Safari на iPhone. В iOS3.x вы можете сохранить его как значок на главном экране, и он отлично открывается.Сайт неправильной ширины на iPhone на iOS4 при сохранении на Домашнем экране

Но в iOS4, хотя он по-прежнему выглядит правильно в Safari, если вы открываете его прямо из значка на главном экране, то он слишком широк.

Я провел пару часов, играя с различными настройками метатега просмотра, а также CSS-настройки, но без радости. Кто-нибудь может понять, что не так, или почему это было бы иначе в iOS4 и iOS3?

источник

2010-06-22 Phil Gyford

Вот скриншот о том, как это должно выглядеть: http://www.gyford.com/temp/guardian1.png И один из того, как он выглядит при открытии с Начального экрана с iOS4: http: // www .gyford.com/temp/guardian2.png –

В случае, если кто-то снова столкнется с этим, я написал свое возможное решение здесь: http://www.gyford.com/phil/writing/2010/07/06/web -page-iphone.php В принципе, используйте max-width, а не ширину. –

EDIT: Я тестировал его, и что-то определенно неправильно. Я не могу вам помочь, но это, вероятно, связано с вашим CSS.

Оригинальный ответ:

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

источник

2010-06-22 15:50:56 Emil

Спасибо, что посмотрели Эмиль. Странно, что в iOS3 он работает нормально, и что в разных ситуациях он выглядит по-другому. Интересно, в чем отличие рендеринга. –

Похоже, что сайт сбрасывается на этот позитив. Если вы немного прокрутите список, он вернется к вершине через несколько секунд. Вы не определили META-tag REFRESH, не так ли? – Emil

Нет. Я не уверен, что вы подразумеваете под словом «pop back to the top». Я думаю, что, возможно, это самый первый раз, когда вы открываете значок с главного экрана - изначально у него просто есть «предварительная версия» из Safari, но нет панели местоположений Safari в верхней части страницы. Когда он загружает страницу по-настоящему, она позиционирует ее в верхней части экрана. Я не думаю, что это связано с этой проблемой. –

Я посмотрел ваш CSS и вы определяете ширину набора px. Попробуйте использовать «width: 100%» в ваших divs (обертку, окно, main и т. Д.) Вместо набора px. Разумеется, это означает, что вам придется «распознавать» устройство и отправлять другой css, если это что-то иное, чем веб-просмотр на iphone.

На данный момент просто проверьте 100%, если он работает, вы можете начать просмотр перенаправления css в зависимости от устройства, просматривающего страницу.

Надеюсь, это имеет смысл, если не дайте мне знать.

источник

2010-06-22 16:05:59 Louie

Спасибо, но похоже, что это примерно то же самое - сайт выглядит нормально в Safari, но не при открытии с главного экрана. Weird. Документы Apple предлагают, чтобы сайт с фиксированной шириной должен быть хорошим, если вы правильно настроили окно просмотра: http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/Articles/MetaTags.html # // apple_ref/html/const/viewport «Если ваша веб-страница уже, чем 980 пикселей, вы должны установить ширину окна просмотра, чтобы она соответствовала вашему веб-контенту. Если вы разрабатываете веб-приложение для iPhone ... установите ширину в ширину устройства. " –

FYI - это сводит меня с ума. Моя ссылка на рабочий стол работала абсолютно нормально с vn 3, и теперь она сломана.

Я уверен, что это ошибка ... ответит, если/когда я выясню исправление.

источник

2010-07-14 13:37:01

Сайт неправильной ширины на iPhone на iOS4 при сохранении на Домашнем экране

ответ

Смежные вопросы