Мобильный веб-сайт: изменение ориентации с портретного на горизонтальное

1

Я разрабатываю мобильный сайт для браузеров iPhone и Android.

Когда я играл с Iphone 4 и HTC Desire, я узнал, что эти два устройства по-разному реагируют на изменение ориентации. Если я загружаю веб-сайт в портретном режиме, а затем поворачиваю устройство в горизонтальном режиме, Iphone приближается к содержимому с той же шириной (320 пикселей). С Android-устройством, если я вращаюсь, кажется, что видовой экран меняется, поэтому масштабирования не происходит (ширинa > 320 пикселей), вместо этого веб-сайты расширяются.

Мой текущий видовой экран (я уже пробовал установить фиксированную ширину 320 пикселей):

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

Теперь мой вопрос: есть ли способ заставить браузер WebKit Android "увеличить масштаб", как iPhone при изменении ориентации от protrait к горизонтали?

Спасибо вам заблаговременно!

Эндрю

Теги:
iphone
orientation
viewport

2 ответа

1
Лучший ответ

Эта ссылка может помочь: http://davidbcalhoun.com/2010/dealing-with-device-orientation

Поделиться
2

Эта функциональность присутствует на iPhone из-за того, как работает окно просмотра. Вот как отключить его на всех устройствах и тем самым создать тот же пользовательский интерфейс.

Если вы установите для своего окна просмотра следующее:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0," />

то это предотвратит повторное масштабирование iPhone до ширины устройства. Это ТАКЖЕ полностью отключает масштабирование. На данный момент нет лучшего решения.

Поделиться
  • 0
    это прекрасно работает. Спасибо
  • 0
    Это не отвечает на его вопрос вообще. Он хочет, чтобы браузер Android увеличивал масштаб, как iPhone.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню