Тег viewport не указан
Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
Подскажите, пожалуйста, куда вставить соответствующий тег и как исправить эту ошибку. Сайт constant-effect.ru
0
Некорректно Отображается Сайт На Смартфонах
Автор orubtsov, 20 июля 2016 11:00
Сообщений в теме: 8
#1
Отправлено 20 Июль 2016 - 11:00
Здравствуйте! При проверке на ошибки Яндекс пишет
#2
Отправлено 20 Июль 2016 - 11:23
orubtsov (20 Июль 2016 - 11:00) писал:
Здравствуйте! При проверке на ошибки Яндекс пишет
- Тег viewport не указан
Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
Подскажите, пожалуйста, куда вставить соответствующий тег и как исправить эту ошибку. Сайт constant-effect.ru
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
Замените на:
<meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
#3
Отправлено 20 Июль 2016 - 12:03
Firefly (20 Июль 2016 - 11:23) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
Замените на:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
Замените на:
<meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
#4
Отправлено 20 Июль 2016 - 13:34
orubtsov (20 Июль 2016 - 12:03) писал:
Стало еще хуже. Если раньше на экране смартфона отображался сайт с обрезанным логотипом и черным полем справа, но целиком страница, то теперь все то же самое, только после загрузки видно только часть страницы и пользователю приходится масштабировать, чтобы увидеть хоть что-то осмысленное. Боюсь он не будет этого делать, а просто уйдет к конкурентам. Есть ли какие-нибудь другие решения. Откат назад после Вашей рекомендации я пока не делал, чтобы была возможность посмотреть, что получилось.
Попробуйте сделать следующее:
Строку:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Замените на:
<meta name="viewport" content='width=1200' />
После этого перед проверкой не забудьте очистить кэш.
#5
Отправлено 23 Декабрь 2016 - 22:56
Ну и что получилось?
#6
Отправлено 23 Декабрь 2016 - 23:02
Результаты проверки http://магниты.su/
Тег viewport не указан
Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
Есть горизонтальная прокрутка
Контент не помещается по ширине на экран мобильного устройства, что вызывает серьёзные неудобства при использовании сайта.
Результаты проверки
-
Тег viewport не указан
Отсутствие тега viewport вызывает проблемы с корректным масштабированием сайта под мобильное устройство.
-
Есть горизонтальная прокрутка
Контент не помещается по ширине на экран мобильного устройства, что вызывает серьёзные неудобства при использовании сайта.
#7
Отправлено 24 Декабрь 2016 - 03:36
Здравствуйте.
Могу посоветовать вам выбрать новый дизайн в разделе Сайт - Галерея тем, переход влияет только на код и файлы в разделе редактор шаблонов, остальную информацию данное изменение не затронет.
Если же говорить о теме Мокко, то зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
В main.css найдите:
замените на:
далее найдите:
замените на:
Могу посоветовать вам выбрать новый дизайн в разделе Сайт - Галерея тем, переход влияет только на код и файлы в разделе редактор шаблонов, остальную информацию данное изменение не затронет.
Если же говорить о теме Мокко, то зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<meta name="viewport" content="width=1024"> <meta http-equiv="X-UA-Compatible" content="IE=7" />
замените на:
<meta name="viewport" content="width=1024">
В main.css найдите:
body { font-size: 75%; line-height: 1.6666em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #FFF; color: #666; }
замените на:
body { font-size: 75%; line-height: 1.6666em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #FFF; color: #666; min-width: 1024px; }
далее найдите:
#cartInfo { position: absolute; font-size: 13px; bottom: 6px; right: -100px; white-space: nowrap; }
замените на:
#cartInfo { position: absolute; font-size: 13px; bottom: 6px; right: 0px; white-space: nowrap; }
#8
Отправлено 30 Июнь 2017 - 01:21
Vaccina (24 Декабрь 2016 - 03:36) писал:
Здравствуйте.
Могу посоветовать вам выбрать новый дизайн в разделе Сайт - Галерея тем, переход влияет только на код и файлы в разделе редактор шаблонов, остальную информацию данное изменение не затронет.
Если же говорить о теме Мокко, то зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
В main.css найдите:
замените на:
далее найдите:
замените на:
Могу посоветовать вам выбрать новый дизайн в разделе Сайт - Галерея тем, переход влияет только на код и файлы в разделе редактор шаблонов, остальную информацию данное изменение не затронет.
Если же говорить о теме Мокко, то зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<meta name="viewport" content="width=1024"> <meta http-equiv="X-UA-Compatible" content="IE=7" />
замените на:
<meta name="viewport" content="width=1024">
В main.css найдите:
body { font-size: 75%; line-height: 1.6666em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #FFF; color: #666; }
замените на:
body { font-size: 75%; line-height: 1.6666em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #FFF; color: #666; min-width: 1024px; }
далее найдите:
#cartInfo { position: absolute; font-size: 13px; bottom: 6px; right: -100px; white-space: nowrap; }
замените на:
#cartInfo { position: absolute; font-size: 13px; bottom: 6px; right: 0px; white-space: nowrap; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных