Я хочу отключить Pinch и Zoom на мобильных устройствах.
Какую конфигурацию я должен добавить в область просмотра?
Ссылка: http://play.mink7.com/n/dawn/
Я хочу отключить Pinch и Zoom на мобильных устройствах.
Какую конфигурацию я должен добавить в область просмотра?
Ссылка: http://play.mink7.com/n/dawn/
РЕДАКТИРОВАТЬ:. Поскольку это продолжает комментировать, мы все знаем, что мы не должны этого делать. Вопрос был , как я это делаю, а не должен. Я делаю это.
Добавьте это в свои мобильные устройства. Затем сделайте свою ширину в процентах, и все будет хорошо:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Добавьте это для устройств, которые также не могут использовать окно просмотра:
<meta name="HandheldFriendly" content="true" />
Это все, что мне нужно:
<meta name="viewport" content="user-scalable=no"/>
Для всех, кто сказал, что это плохая идея, я хочу сказать, что это не всегда плохо. Иногда это очень скучно, чтобы уменьшить масштаб, чтобы увидеть весь контент. Например, когда вы вводите ввод на iOS, он масштабируется, чтобы получить его в центре экрана. Вы должны уменьшить масштаб после того, что причина закрытия клавиатуры не делает работу. Также я согласен с тем, что, когда вы вкладываете много часов в отличную компоновку и пользовательский интерфейс, вы не хотите, чтобы он был перепутан с помощью масштабирования.
Но другой аргумент ценен также для людей с проблемами зрения. Однако, на мой взгляд, если у вас есть проблемы с вашими глазами, вы уже используете функции масштабирования системы, поэтому нет необходимости беспокоить контент.
IE имеет свой собственный путь: свойство css, -ms-content-масштабирование. Не устанавливайте его на тело или что-то должно его отключить.
Отключить пинч для увеличения в IE10
http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx
Попробуйте использовать свойство min-width. Позвольте мне объяснить вам. Предположим, что устройство имеет ширину экрана 400 пикселей (для примера). Когда вы увеличиваете масштаб, шрифты становятся все больше и больше. Но коробки и divs остаются с одинаковой шириной. Если вы используете минимальную ширину, вы можете избежать уменьшения поля div и.
К сожалению, предлагаемое решение не работает в Safari 10+, так как Apple решила игнорировать user-scalable=no
. В этой теме есть более подробная информация и некоторые хаки JS: отключить масштабирование видового экрана iOS 10+ сафари?