Что такое тег <viewport> и с чем его едят?
Страницы: 1
Что такое тег <viewport> и с чем его едят?, Как использовать тег <viewport>?
Здравствуйте. Пожалуйста разъясните "Что такое тег <viewport> и с чем его едят?" желательно конкретно для сайта EnterDveri.ru - я дописал тег <meta name="viewport" content="width=device-width"> В <header></header> но в ЯВ пишет что на страницах сайта не указан тег, я подозреваю что сделал что-то не так. На моём телефоне сайт отображается на весь экран, и не нужно его скролить в лево-право. Но чтоб прочесть текст на главной, нужно увеличить.
Изменено: Владислав Добровольский - 1 Июня 2016 10:57

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Я писал так:

Код
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;"/>
Для мобильного шаблона на движке DLE.
А тут подробно об этом теге: http://html5.by/blog/viewport-meta-tag/
Изменено: Mikle Alten - 1 Июня 2016 12:01
Не удивляйтесь, но ТИЦ поднял с 0 до 70 за пару АП-ов именно здесь. Могу рассказать как. Ну а если по-честному, то советую подальше держаться от этой г*вн*биржи!!!
Аналогичная ситуация: тег viewport на сайте указан, однако Яндекс.Вебмастер при анализе сайта требует его (тег viewport) указать.
Тег задан следующим образом:

Код
<meta name="viewport" content="width=device-width" />
Может, кто-нибудь сможет подсказать, почему так получается?
Владислав Добровольский,

Yuia, Гугл же пишет,что правильный мета тег должен быть таким 
Код
<meta name=viewport content="width=device-width, initial-scale=1"> 
а во вторых,данный метатег не исправит всех ошибок,так как нужно создавать мобильный шаблон,а это дополнительные стили и блоки внутри тела страниц.
Цитата
Mikle Alten пишет:
Для мобильного шаблона на движке DLE.
просто для мобильного или адаптивного шаблона, не обязательно на DLE)
У меня на мобильной версии сайта он выглядит вот так<meta name="viewport" content="width=device-width, initial-scale=1.0">
Я когда вставляю сюда http://pokemon--go.ru/

<meta name="viewport" content="width=device-width, initial-scale=1.0">
верстка сразу слетает.
Поставил устаревшие теги
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>

И на анализаторе скорости здесь показывает лучший результат, но некоторых мобильных устройствах (кроме ios) отображается криво.
Со стилями и блоками много заморочек? Кто знает как настроить?
SEO Блог https://seoceo.ru/ Оптимизация и продвижение сайтов.
Такая же беда с этим тегом.Может кто подскажет. Вот сайт migrant-spb.ru  как поставлю этот тег так в мобильной версии появляется скроллинг...прокрутка...а без тега всё само адаптируется к мобильной версии зато яндекс ругается что сайт не адаптирован под мобильники....что делать кто что подскажет...тег вставил между ХЕД так:<meta name="viewport" content="width=device-width, initial-scale=1">smile:wall:
Изменено: booomspb - 16 Мая 2017 02:10
Цитата
booomspb пишет:
сайт не адаптирован под мобильники
Указание вашего сайта вызывает подозрение о посте ради ссылки.

Ну, да ладно - у вас сайт не оптимизирован(или недостаточно), и потому установка этого тега не имеет резона.
Цитата
Mikle Alten пишет:
Для мобильного шаблона на движке DLE
Не обязательно это должна быть мобильная версия на движке DLE.

<meta name='viewport' content='width=device-width'> - является старым правильным вариантом валидности, который позволяет браузеру определить размер вашего экрана и прочего.

Новое правило и CSS вариация является:
@viewport {width: device-width;} - основа
@viewport {width: 640px;} - пример размера
@media screen and (min-width: 960px){@viewport {width: 960px;}} - сочитание с медиа, которое позволяет любое разрешение выше 960 сократить до 960px

Тег: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> - он запрещает любое масштабирование, открывается по ширине устройства - начальное по загрузке, и пользовательское - после.

Разновидностей много, а так же разных параметров (атрибутов) которые используются.
Изменено: lol_cp - 25 Мая 2017 16:42
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
20:33 У вас тоже ссылки в адсенс съехали? 
20:22 Kokos.click - народная тизерная сеть! 
19:16 Рекламная сеть яндекса личный опыт 
18:43 Оптимизация 
17:23 Mpay69.biz - монетизация адалт трафика с мобильных устройств 
16:30 Не продвигается сайт 
15:54 Сайту скоро 2 года. Пишу пишу... а посетителей не прибавляется((( 
20:25 Majento PositionMeter - Быстрое сканирование Яндекс и Google 
20:21 Продажа баз доменов на различных эксклюзивных CMS 
19:48 Статейные ссылки по низкой цене и с хорошим качеством 
19:16 Настройка, оптимизация и введение Google AdWords и Яндекс.Директ 
16:13 Меню для сайта. 
15:40 Вывод в ТОП Google. 30 вечных ссылок с PR9 
12:26 Продам каналы Яндекс Дзен 
21:56 Что делать, когда завидуешь своему конкуренту? 
21:55 Работа по всей РФ 
20:43 Лучшие анекдоты 
17:19 Форма проверки лотерей на сайт 
15:57 Что такое 1 ТИЦ - так показывает супр 
14:41 CPA Life 2018 - 26 Апреля в Санкт-Петербурге 
13:18 Развитие Телеграм канала