Как изменить значение viewport в зависимости от разрешения?

Question

[ArtStylle]

У меня есть сайт со значением meta name="viewport" content="width=1200".
Начиная с 768 пикселей я сделал для него мобильную версию, переключив вьюпорт на значение device width.
Вопрос в том, как сделать переключение вьюпорта при достижении разрешения 768 с 1200 на device width.
Переключать значение на девайс width мне необходимо для того, чтобы заработал медиазапрос max-width. Так как при 1200 он не работает. Заранее спасибо.

Comments

[HelpSophie]

Вопрос в том, как сделать переключение вьюпорта при достижении разрешения 768 с 1200 на device width.

Узнать ширину экрана, затем сравнить ее с нужным значением и в случае попадания заменить атрибут тега meta у которого атрибут name равен viewport на "width=device-width, initial-scale=1.0".

Answer 1

[Anton Filippov]

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[ArtStylle]

Это итак ясно, мне нужно подключить данную строку только начиная с 768 пикселей

[Anton Filippov]

ArtStylle, без js это невозможно.
Но вам это и не нужно делать, так как это неверный подход.

Answer 2

[ArtStylle]

Мне необходимо сделать вьюпорт равным девайс видтс, только начиная с разрешения 768