Что такое тег <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
Аналогичная ситуация: тег 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)
Новые темыОбъявленияСвободное общение
22:54 Edu-Money - новая партнёрка под бурж EDU траф. 55-70% за заказ! Средний чек от $100! 
21:49 Сайт в выдаче после бана РКН 
20:40 Вывод денег с Adsense 
23:49 Bropush - твой бро в монетизации сайта push-уведомлениями 
19:06 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:11 Adtrafico - Правильная партнёрская сеть под бурж трафик 
14:44 Marketcall - международная партнерская сеть с оплатой Pay Per Call и LeadGen 
21:48 Пишу тексты адалт (adult) тематики 
12:38 Куплю ссылки на сайтах для взрослых 
12:27 Faceless.cc - Your Socks Service! 
17:19 SMMexpert.biz - Накрутка соц.сетей от экспертов рынка! 
15:21 Мобильные скоростные прокси 4G 
14:44 OLX Parser (страны: UA, BG, KZ, PL, PT, RO, UZ) 
10:20 [eBucks] Автоматический обмен криптовалют. BTC и любые альткоины. Киви, Банковские карты и др. электронные системы. 
15:37 Партнерка от vfxAlert - надежный способ монетизировать финансовый трафик! 
11:35 "Почта России" заявила, что начнет доставлять посылки на беспилотниках 
11:33 Суд встал на сторону почтальонов в скандале с продажей продуктов на дому. «Почта России» выплатит им компенсации 
00:38 Изменения в Условиях использования YouTube 
01:44 likeboss.biz - накрутка в соцсетях. С гарантией. 
00:24 «Ростелеком» предложил запретить доступ к публичным серверам Google 
12:15 Несколько слов о том, почему ты должен выбрать нас!