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

Question

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

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

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

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

Теперь мой вопрос: Есть ли способ, чтобы сделать Webkit браузер Android «увеличить», как iPhone на изменение ориентации от protrait до горизонтального?

спасибо, что заблаговременно!

Эндрю

Answer 1

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

Answer 2

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

Если установить видовой экран для этого:

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

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