IOS предотвращает увеличение при вводе текста

Question

IOS предотвращает увеличение при вводе текста

1

Как предотвратить увеличение ввода текста в IOS? Я знаю, что это было задано раньше, и обычная мудрость заключалась в том, чтобы на вкладке был шрифт не менее 16 пикселей.

Однако, похоже, это не работает с современными ios-устройствами (последние iphones), хотя, похоже, работает на более старом ipad.

Любые текущие решения? Я предпочитаю искать css или чисто javascript-решение.

Я знаю, что мы могли бы полностью отключить масштабирование для страницы, но это не является желательным решением.

adamM 26 окт. 2017, в 22:16

Источник

Теги:

javascript

ios

zoom

1 ответ

Ещё вопросы

dom · Answer 1 · 2018-01-24T12-46-00.000Z

Вы пытались указать все входы, а также добавили свойство focus следующим образом:

@media #{$small-and-down} {
  // styles for small screens and down
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  textarea {
   font-size: 16px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px !important;
  }
}