How to disable zoom when clicking on select on iphone devices?

Question

iPhone

Actually, when the select tag is clicked, the scale increases, how to make sure that the scale does not increase?

Answer 1

Here is the real solution, not the so-called solution from the mentioned link, where it is advised user-scalable=no

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

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

The phone will enlarge the form fields slightly if the text is set to less than 16px. I would suggest setting the text of the mobile form field to 16px and then override the size when viewed from desktops.

Answer 2

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