Как запретить увеличение масштаба, при клике на select на iphone устройствах?

Question

[Сергей Сунцев]

Собственно, когда происходит нажатие на тег select, то происходит увеличение масштаба, как сделать так, чтобы масштаб не увеличивался?

Answer 1

[alex-1917]

Вот реальное решение, а не так называемое решение из упомянутого линка, где советуют user-scalable=no
НИКОГДА не делайте user-scalable=no !!!!!

# Mobile first
input, textarea, select {
  font-size: 16px;
}

# Tablet upwards
@media (min-width: 768px) {
  font-size: 14px;
}

ИБО:
Телефон будет слегка увеличивать поля формы, если для текста установлено значение менее 16 пикселей. Я бы предложил настроить текст поля мобильной формы на 16 пикселей, а затем переопределять размер при просмотре с декстопных компьютеров.

Comments

[Сергей Сунцев]

Горький опыт?

[mrSeller]

Почему последний текст выглядит, как отвратительный перевод с другого языка?
Я ничего не могу понять из написанного

[alex-1917]

mrSeller, ГДЕЕЕ??!

Answer 2

[holymotion]

stackoverflow.com/questions/6483425/prevent-iphone...