ipad viewport перемещается

Question

Кто-нибудь знает, возможно ли отключить перемещение области просмотра на ipad?

У меня правильно настроена область просмотра, например:

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

Что бы я хотелДля этого нужно отключить / отключить возможность перетаскивания веб-сайта, поскольку он показывает текстурированный фон Safari, когда это сделано.

Answer 1

Честно говоря, я не проверял это с помощью окна просмотра, которое вы используете, но с:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">

мне кажется, это работает. По крайней мере, я не могу перетащить в сторону на своем iPad с iOS 5.1 (насколько я знаю, сверху вниз всегда возможно)

Answer 2

Если ширина страницы соответствует ширине области просмотра, вы не можете перетащить страницу по горизонтали (см., Например, http://jquerymobile.com/test/ - текстурированный фон никогда не видится слева или справа от страницы).

Может быть, если вы также правильно указали высоту?

Некоторые пользовательские интерфейсы можно отключить с помощью Javascript, например, Использование https://stackoverflow.com/a/4859207/436776 предотвращает прокрутку страницы, что может решить вашу проблему.Или, может быть, остановка события в ongesturestart помогает?

Еще одна проблема, на которую стоит обратить внимание, это изменение ориентации.Это очень грязно, чтобы иметь дело с должным образом, особенно с помехами от уровней масштабирования.Вы можете отключить масштабирование с помощью <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />, но это приводит к решению других проблем и другим компромиссам.