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

Edward21

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

Код (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/

 

ADSoft

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

 

Edward21

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

 

Sail

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

 

Edward21

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

 

mkramer

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

 

TeslaFeo

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

 

Вероломство

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

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *