Имеется одностраничное web-app, размер шрифта 14px. Вёрстка резиновая, на маленьких экранах выглядит хорошо. Но на яблочной мобильной технике при клике на инпуты происходит зум на этих инпутах, что нарушает ux.
Какие варианты были рассмотрены:
1. Увеличить размер шрифта. Это работает, но увеличить размер шрифта нельзя - на маленькие экраны и так влазит немного, а с увеличенным шрифтом еще меньше начинает влазить на экран, да выглядит это страшненько.
2. Запрет зума через meta viewport (в т.ч. трюк через добавление/изменение тега с помощью js) - не работает вообще.
Судя по всему, уже лет пять, но, почему-то, это до сих пор советуют.
3.
Интересный способ через transform - увеличиваем шрифт а потом делаем трансформацию с уменьшением. В целом, это работает, но ломается верстка.
В общем, вопрос такой - а как эту проблему решили вы?
Простой
