Свойства видового экрана как правильно использовать

Question

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

В связи с тем, что user-scalable=no означает, что мы не позволяем пользователю увеличивать или уменьшать страницу. Тогда зачем нам использовать initial-scale=1.0 и maximum-scale=1.0? Нужно ли их использовать?

Answer 1

Ваша интуиция верна, maximum-scale=1.0 не используется, так как страница не может быть увеличена. Значение minimum-scale=1.0, maximum-scale=1.0 - это общий шаблон, который почти эквивалентен user-scalable=no. Почти потому, что некоторые браузеры будут загружать страницу в таком масштабе, чтобы отображалась вся ширина содержимого (например, Chrome на Android), поэтому пользователь может начать с масштаба, который не равен 1.0 и не может масштабироваться. Однако добавление initial-scale=1.0 приводит к увеличению масштаба до 1,0.