Size: a a a

2019 August 25

AK

Anton Kovalev in JSNN 🤔 (GSNN)
Infant Frontender
<meta name="viewport" content="user-scalable=0">

Полностью запрещает зум, но это еще большая хрень т.к. вредит доступности. Лучший вариант - делать на safari 16px для инпутов

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 input {
   font-size: 16px;
 }
}
Спасибо, сейчас попробую
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
<meta name="viewport" content="user-scalable=0">
про это я уже прочитал, что хрень)
источник

IF

Infant Frontender in JSNN 🤔 (GSNN)
Anton Kovalev
Спасибо, сейчас попробую
Если проблема с ios, то можно использовать @supports (-webkit-overflow-scrolling: touch) так стили сработают только на телефоне
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
Чет все равно приближает
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Anton Kovalev
<meta name="viewport" content="user-scalable=0">
про это я уже прочитал, что хрень)
Странно мне кажется должно работать
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
Pavel 🦇 Malyshev
Странно мне кажется должно работать
Пишут, что так писать не нужно
источник

PM

Pavel 🦇 Malyshev in JSNN 🤔 (GSNN)
Совсем зум это не запретит конечно, но конкретно для инпута
источник

IF

Infant Frontender in JSNN 🤔 (GSNN)
Pavel 🦇 Malyshev
Странно мне кажется должно работать
Это точно работает. А вот медаи-запросы нужно тестить.
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
НИКОГДА не делайте user-scalable=no !!!!!
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
о, "no" это не "0"
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
Ну, сейчас потестить нужно
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
user-scalable=0 работает
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
@newbornfrontender А как это вредит?
источник

IF

Infant Frontender in JSNN 🤔 (GSNN)
Anton Kovalev
НИКОГДА не делайте user-scalable=no !!!!!
Все верно. Если пользователь не видит что там написано 12-14 шрифтом, то он начинает приближать, но у него не выходит. А зрение не у всех хорошее. В итоге человек просто закрывает сайт.
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
а, окей
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
Спасибо большое
источник

IF

Infant Frontender in JSNN 🤔 (GSNN)
Anton Kovalev
@newbornfrontender А как это вредит?
У меня зрение хорошее, но когда в дизайне шрифт в 10px, то даже у меня появлялись проблемы. Превращался в крота 😐
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
у меня 16px, надеюсь, все рассмотрят
источник

AK

Anton Kovalev in JSNN 🤔 (GSNN)
🙃
источник

IF

Infant Frontender in JSNN 🤔 (GSNN)
Anton Kovalev
у меня 16px, надеюсь, все рассмотрят
16px это стандартное значение, поэтому рассмотрят.

Только сафари зумит экран если инпут в фокусе и шрифт у него меньше 16. С одной стороны неудобно, с другой хоть кто-то из вендеров заботится о доступности.
источник