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

Question

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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

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

Answer 4

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

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