Что такое тег <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)
Новые темыОбъявленияСвободное общение
20:31 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 
20:16 APK на паузе. Google убивает быстрый конверт 
20:12 AI под надзором. Минцифры готовят клеймо для контента 
22:32 Gambling Craft - гемблинг по белому 
00:12 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту. 
16:58 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
15:38 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
17:48 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
17:13 Анализ курсов и недежности обменников - Kurs.Expert 
15:29 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
14:20 Вериф аккаунты АВИТО + платежи 
14:17 Swapwatch.org — Мониторинг криптовалютных обменников 
08:01 HH.ru Работадателя вериф 
01:42 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси! 
00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
23:52 Сайты Рунета 
20:23 Панель Кнопки соцсетей 
20:09 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
20:09 Точные прогнозы на футбол 
17:40 молодильные яблоки и живая вода 
14:03 Огородники