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

Код
<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)
Новые темыОбъявленияСвободное общение
23:31 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
20:45 Пытаюсь встроить микроразметку recipe в шаблон 
10:07 Новый полезный инструмент в Я.Вебмастере 
08:58 Переезд с www на домен без www 
22:42 За отзыв ТЗ по оптимизации 1й страницы 
22:42 Сайт полностью выпал с поиска 
22:28 Ссылочное обновление Яндекс и обычная Яндекс выдача 23-24 марта 
22:28 Инвайт в любые телеграм чаты, даже с баном! 
17:49 MobileProxy✅Приват✅Безлимит✅Бесплатный тест✅Скидки внутри✅ 
15:21 RexChanger.ru - Покупка/продажа криптовалюты. Массовые выплаты на карты. 
10:57 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 
04:23 Безанкорно, анкорно - безанкорно профильный прогон, ИКС от 10, спам до 12 
19:44 Оплата любых онлайн-покупок (VCC карты) 
12:13 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
00:49 Стряхнуть обыденность - об Агасфере 
20:45 Зарабатываем 2000 рублей на АБУЗЕ бонусов 
16:15 Как получить рефералов и посетителей на сайт бесплатно. 
13:14 Добро пожаловать в цифровой мир... 
03:57 Китай выступил против продажи TikTok вопреки требованию США 
03:49 Как заставить себя? 
01:47 У кого Яндекс задерживает выплату в этом месяце?