Веб-сайт неверной ширины на iPhone на iOS4 при сохранении на главном экране

Question

У меня есть веб-сайт , который отлично выглядит при просмотре в Safari на iPhone. В iOS3.x вы можете сохранить его в виде значка на главном экране, и он открывается нормально.

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

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

Answer 1

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

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

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

Answer 2

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

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

Answer 3

РЕДАКТИРОВАТЬ: Я проверил это, и что-то определенно не так.Я не могу вам здесь помочь, но, возможно, это как-то связано с вашим CSSУровень масштабирования сайта при создании веб-клипа на домашний экран.Убедитесь, что вы полностью уменьшили масштаб перед созданием веб-клипа, если не хотите, чтобы это произошло.