Помогите пожалуйста с тегом viewport

В общем попробовал вставить такой скрипт:

Код (Text):

1. var meta = document.createElement(‘meta’);
2. meta.name=»viewport»;
3. meta.content=»width=device-width, initial-scale=1″;
4. document.querySelector(‘head’).appendChild(meta);

но сайт просто как бы приблизился и всё, то есть еще и горизонтальная прокрутка появилас )))
кароче не могу понять куда еще и как этот вьюпорт прописать. Подскажите пожалуйста?
Сайт на PHP https://vivanews.ru/

 

к php ваш вопрос не имеет абсолютно никакого отношения, это верстка, это html, js
к тому-же как такового самого вопроса тоже не вижу .. .чего там пробовали, зачем — непонятно.
Лучше скажите что хотите получить и спросите как этого достичь

 

Хочу сделать чтоб если на сайт вошли с телефона то сайт подстраивался под экран телефона, вот и всё. Тот js который я пробовал просто увеличивает страницу ну будто тапнули по экрану пару раз))

 

viewport — не волшебство.
Верстка сайта должна быть адаптивной.

 

а у меня не адаптивная?

 

Не-а, даже не близко. Но, поскольку форум не является заменой учебников, предлагаю дальше тебе перейти в гугл и посмотреть, что такое адаптивная вёрстка, чем отличается от не адаптивной. Это не описывается одним сообщением форума, это достаточно обширная тема.

 

а зачем мета тег вставлять через JS ?
почему просто не прописать его руками ?

 

@Edward21, такой подход не сделает сайт адаптивным, он просто отобразит сайт по ширине девайса, нужна ещё к этому всему адаптивная вёрстка, а то получится вот такая мурыстика — https://hkar.ru/13Mhd