Как решить проблему изменения масштаба при установленном user-scalable=no?

Question

[sadieff]

Возникла проблема:
При записи

<meta name="viewport" content="width=device-width">

страница на мобильных отображается нормально.

Но нужно запретить масштабирование пользователю, поэтому прописываю:

<meta name="viewport" content="width=device-width, user-scalable=no">

И получается, что масштабировать нельзя, но масштаб изначально, при загрузке, не правильный и выглядит это так:

Пробовал эксперементировать с minimum-scale, но у меня ничего не вышло, подскажите как с этим можно бороться?

Comments

[Ankhena]

А вот что делать читателю, если ему не видно, а масштабирование отключено?

[sadieff]

Ankhena W: мое дело маленькое, заказчик сказал, я сделал)

[Ankhena]

sadieff: Профессионал-то ведь Вы :)
Я серьезно. Захожу на сайт, мне не видно, пытаюсь увеличить кусочек, а не получается. Ищу другой сайт.

Ладно, с заказчиками все ясно.

Answer 1

[Святослав Немато]

<meta name="viewport" content="width=device-width, initial-scale=0.4, maximum-scale=0.4, user-scalable=1">

initial-scale=0.4 - задаёт масштаб
maximum-scale=0.4 - запрещает масштабировать.