Запретить iPhone увеличивать `select` в веб-приложении - PullRequest
Новая
       75

Запретить iPhone увеличивать `select` в веб-приложении

68 голосов
/ 26 июня 2011

У меня есть этот код: 

<select>
    <option value="c">Klassen</option>
    <option value="t">Docenten</option>
    <option value="r">Lokalen</option>
    <option value="s">Leerlingen</option>
</select>

Запуск в полноэкранном веб-приложении на iPhone.

При выборе чего-либо из этого списка iPhone увеличиваетselect -элементное.И не уменьшает масштаб после выбора чего-либо.

Как я могу предотвратить это?Или уменьшить масштаб?

Ответы [ 11 ]

0 голосов
/ 28 сентября 2018

Как ответили здесь: Отключить автоматическое увеличение тега ввода «Текст» - Safari на iPhone

Вы можете запретить Safari автоматически увеличивать текстовые поля при вводе пользователем без отключение способности пользователя увеличивать масштаб.Просто добавьте maximum-scale=1, но не используйте атрибут пользовательского масштаба, предложенный в других ответах.

Это полезный вариант, если у вас есть форма в слое, которая «плавает» при увеличении, что может вызвать важный пользовательский интерфейсэлементы для перемещения за пределы экрана.

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

Страница:
...