Как изменить тег meta "meta name="viewport", чтобы сайт открывался на всю ширину в мобильно браузере?

Question

[Сергей]

На моем сайте я использую следующий meta тег:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />

В результате чего, в мобильном браузере я получаю результат:



Далее я в ручную уменьшаю масштаб и получаю следующий результат:



Что мне нужна изменить в meta теге, чтобы когда я заходил на сайт, масштаб сразу уменьшался на минимальный, чтобы ширина сайта = ширине экрану устройства, как на втором скриншоте?

Answer 1

[Дима Паутов]

Поставтьте initial-scale=0 ну и остальные значения, если нужно
1 это по умолчанию, как сайт есть
0 уменьшит его совсем.

Comments

[Сергей]

спасибо, пробовал. Но получаются абсалютные значения. т.е. либо меньше экрана и тд. Под экран не подстраивается.

[Дима Паутов]

Сделайте минимальную ширину сайту, пикселей в 1000 - 1200. Вообщем на ваше усмотрение

[Сергей]

Спасибо, чуть позже попробую