За последние 24 часа нас посетили 20290 программистов и 1090 роботов. Сейчас ищут 742 программиста ...

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

Тема в разделе "PHP для новичков", создана пользователем Edward21, 10 янв 2021.

  1. Edward21

    Edward21 Активный пользователь

    С нами с:
    29 авг 2016
    Сообщения:
    8
    Симпатии:
    0
    Адрес:
    Владикавказ
    В общем попробовал вставить такой скрипт:
    Код (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/
     
  2. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.817
    Симпатии:
    735
    Адрес:
    Татарстан
    к php ваш вопрос не имеет абсолютно никакого отношения, это верстка, это html, js
    к тому-же как такового самого вопроса тоже не вижу .. .чего там пробовали, зачем - непонятно.
    Лучше скажите что хотите получить и спросите как этого достичь
     
  3. Edward21

    Edward21 Активный пользователь

    С нами с:
    29 авг 2016
    Сообщения:
    8
    Симпатии:
    0
    Адрес:
    Владикавказ
    Хочу сделать чтоб если на сайт вошли с телефона то сайт подстраивался под экран телефона, вот и всё. Тот js который я пробовал просто увеличивает страницу ну будто тапнули по экрану пару раз))
     
  4. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    viewport - не волшебство.
    Верстка сайта должна быть адаптивной.
     
  5. Edward21

    Edward21 Активный пользователь

    С нами с:
    29 авг 2016
    Сообщения:
    8
    Симпатии:
    0
    Адрес:
    Владикавказ
    а у меня не адаптивная?
     
  6. mkramer

    mkramer Суперстар
    Команда форума Модератор

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

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.989
    Симпатии:
    759
    а зачем мета тег вставлять через JS ?
    почему просто не прописать его руками ?
     
  8. Вероломство

    Вероломство Активный пользователь

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