За последние 24 часа нас посетили 16476 программистов и 1642 робота. Сейчас ищут 1103 программиста ...

тег viewport

Тема в разделе "Прочие вопросы по PHP", создана пользователем Barsuk1987, 9 май 2018.

  1. Barsuk1987

    Barsuk1987 Новичок

    С нами с:
    20 июл 2016
    Сообщения:
    8
    Симпатии:
    0
    Здравствуйте, куда нужно прописывать тег viewport сайт сделан в php (Drupal 7)? и как его правильно написать? К заголовку Head доступа нет
     
  2. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Вы не нашли ни одного примера? Держите.
    Запаролен, мигрировал в Гондурас, обиделся и ушел в монастырь? Что значит нет доступа? Можно попробовать динамически добавлять с помощью JS.
    Код (Javascript):
    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);
     
    mahmuzar нравится это.
  3. Barsuk1987

    Barsuk1987 Новичок

    С нами с:
    20 июл 2016
    Сообщения:
    8
    Симпатии:
    0
    У меня только доступ к редактору сайта, а корню сайта нет, meta.content='width=device-width, initial-scale=1'; прописывал сайт становится шире экрана добавил content='width-700 вроде стало норм, но беда гугл пишет:

    Контент шире экрана

    Интерактивные элементы расположены слишком близко

    Яндекс вообще не видит тег 'viewport:
    • Тег viewport не указан
      Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
    • Горизонтальной прокрутки нет
    • Нет Flash-элементов
    • Нет Java-апплетов
    • Нет Silverlight-плагинов
    • Много мелкого текста
      Рекомендуем использовать шрифты размером не менее 12 px.
    --- Добавлено ---
    У меня только доступ к редактору сайта, а корню сайта нет, meta.content='width=device-width, initial-scale=1'; прописывал сайт становится шире экрана добавил content='width-700 вроде стало норм, но беда гугл пишет:

    Контент шире экрана

    Интерактивные элементы расположены слишком близко

    Яндекс вообще не видит тег 'viewport:
    • Тег viewport не указан
      Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
    • Горизонтальной прокрутки нет
    • Нет Flash-элементов
    • Нет Java-апплетов
    • Нет Silverlight-плагинов
    • Много мелкого текста
      Рекомендуем использовать шрифты размером не менее 12 px.
     
  4. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Похоже, что дело в верстке. Она хоть адаптивная?
     
  5. Barsuk1987

    Barsuk1987 Новичок

    С нами с:
    20 июл 2016
    Сообщения:
    8
    Симпатии:
    0
    У меня только доступ к редактору сайта, а корню сайта нет, meta.content='width=device-width, initial-scale=1'; прописывал сайт становится шире экрана добавил content='width-700 вроде стало норм, но беда гугл пишет:

    Контент шире экрана

    Интерактивные элементы расположены слишком близко

    Яндекс вообще не видит тег 'viewport:
    • Тег viewport не указан
      Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
    • Горизонтальной прокрутки нет
    • Нет Flash-элементов
    • Нет Java-апплетов
    • Нет Silverlight-плагинов
    • Много мелкого текста
      Рекомендуем использовать шрифты размером не менее 12 px.
    Да, адаптивная
     
  6. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    @Barsuk1987, в личку мне не нужно писать, обсуждение всё тут.
    Я бы так не сказал.
    Откуда у вас в body элемент meta взялся, тем более, что криво написанный? Уберите его оттуда. Можете установить значение 0 для initial-scale. Влезать в область видимости должно всё, но это далеко не лучший вариант.
     
  7. Barsuk1987

    Barsuk1987 Новичок

    С нами с:
    20 июл 2016
    Сообщения:
    8
    Симпатии:
    0
    body элемент meta это скорее всего в фирме которая разработала шаблон прописали, у меня только доступ к редактору, там я прописываю все через "источник"
    --- Добавлено ---
    не могу разобраться почему гугл вебмастер тег видит, а яндекс вебмастер нет?
     
  8. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Так как вы добавляете meta?
     
  9. Barsuk1987

    Barsuk1987 Новичок

    С нами с:
    20 июл 2016
    Сообщения:
    8
    Симпатии:
    0
  10. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    @Barsuk1987, всё что я могу вам предложить - это такой вариант:
    Код (Javascript):
    1. [...document.querySelectorAll('[name="viewport"]')].forEach((el) => el.parentNode.removeChild(el));
    2. // Дальше код, который я вам давал выше
    3. var meta = document.createElement('meta');
    4. meta.name = 'viewport';
    5. meta.content = 'width=device-width, initial-scale=0';
    6. document.querySelector('head').appendChild(meta);
    Код расположить внизу страницы, перед закрывающим тегом </body>
    --- Добавлено ---
    Только не забудьте в тег <script> взять код.
     
  11. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.593
    Симпатии:
    362
  12. Slownoone

    Slownoone Новичок

    С нами с:
    21 дек 2018
    Сообщения:
    1
    Симпатии:
    0
    Понимаю, что тема мертвая, но та же проблема, яндекс не видит тег viewport... в гугле все хорошо. Вот сайт: https://afk-port.ru
    Что подскажете сделать?
     
  13. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Переместить meta-тег в элемент <head>. Сейчас же он у вас внутри <body>