Что такое тег <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:27 22 июня выдача | есть изменения за крайние полмесяца? 
21:11 Супер-партнерка PayV: избранные офферы в топовых нишах 
17:56 Golden Goose - WAP Click партнерка с inhouse офферами 
17:13 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
17:02 Зарабатывай до 50% за сейл с партнерской программой EssayPro! 
16:58 Armorica - Товарная CPA Партнерка | Прямые Офферы под любые ГЕО | Смартлинка, Ротатор Баннеров 
13:03 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
22:01 anyexchange.best - обменный пункт электронных валют AnyExchange 
22:00 Магазин аккаунтов, Smm и Sms сервис 
17:50 Продам аккаунт на freelаncehunt.com 
14:28 ALTVPN.com - анонимный и безопасный VPN и Прокси сервис 
12:51 Автоматизация работы в браузере BAS 
12:50 Большая распродажа авторегов ВКонтакте от 3 рублей!!! 
11:40 Комплексный прогон сайтов, нет каталогов от shtaketo, хороший рост позиций + Тиц 30 - 100 
22:46 - Собачку... жалко! 
19:03 СМИ узнали о программе правительства по вживлению в мозг микрочипов 
19:01 Рамблер: ФНС возьмет россиян «за жабры»: доходы скрыть не получится 
13:48 Куплю сборник игр 100.000руб. 
16:38 Alium.one 
06:10 Alfaleads - твоя любимая CPA-сеть! 
14:38 Балабоба это нечто ))