автоматическое увеличение на iphone Safari

Question

Существует ли способ для Mobile Safari распознать сайт, предназначенный для мобильных телефонов, и автоматически увеличить его? Как это работает на других телефонах и браузерах?

Я бы не хотел смотреть на user_agent и отправлять разные страницы для каждого мобильного браузера.

Answer 1

См. о настройке области просмотра в руководстве по разработке веб-приложений Apple.

Answer 2

Я только что заметил, что если для вашего тела или высоты div основной оболочки задано значение 100%, это может повлиять на то, насколько далеко он масштабируется / отображается в мобильном браузере. Подтвердили это в мобильном браузере Safari и Chrome для Android. Как только я установил высоту #siteWrapper из 100% в автоматический режим, он отобразился в гораздо лучшем масштабе.

(высота 100% на основной обертке часто используется с липкими нижними колонтитулами.)

Answer 3

Вы можете избежать использования разных страниц на основе User Agent, используя условный CSS. У Apple действительно есть очень хорошая документация по созданию веб-страниц, которые могут поддерживать Safari на iPhone вместе с браузерами для настольных компьютеров.

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

Answer 4

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

Safari будет определять ширину и масштабирование, но не ограничиваясь этим ...