3087

Проблема с тегом viewport

3 ответа

Добрый день!

Никак не получается разобраться с тегом viewport.

При добавлении в head кода <meta name=viewport content="width=device-width, initial-scale=1">,

дизайн сайта перекосило при просмотре с мобильного:

abc46372b2ad.pngНормальной осталась только ширина меню (фиолетовая полоса), ширина всех остальных элементов меньше ширины экрана.

Пробовала советы из различных источников, не помогло:

1. Убирать параметр initial-scale=1

2. В html этой страницы нет элементов с фиксированной шириной.

3. При полном отключении всех файлов со стилями проблема остается

На данный момент изменила код на <meta name=viewport content="width=768, initial-scale=1">.

При этом отображение на 2-ух проверяемых телефонах стало отличным, но это временная мера, которая не позволит нормально просматривать сайт пользователям с другой шириной экрана телефона, а так же при фиксированной ширине Гоша и Яша считают тег настроенным некорректно, и, соответственно, не дают сайту "зачет" по мобильности..(

У меня мало опыта в программировании, большая просьба учитывать это при ответах. Буду благодарна за помощь!

Ответы (3)

Может попробовать так: <meta name="viewport" content="width=device-width">
Как вариант <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Для тега viewport необходим адаптивный дизай сайта!

Похожие вопросы

Ingener2310
212

Встройка видео с Яндекс.Эфира

Доброго времени суток всем! Возникла проблема встройки видео с Яндекс.Эфира: по ссылке не отображается, начал вставлять по HTML коду как фрейм, но тут также возникают проблемы: во-первых, автовоспроизведение (вроде разобрался, надо было...
Олег Ерилов
268

Мигает сайт с js кодом

Как решить проблему с миганием? Когда обновляю страницу сайта или перехожу по ссылке из меню начинают мигать на доли секунды: Блоки, формы, таблицы, иконки, картинки, текст и.т.д... Это связано с js кодом когда его убираю то все нормально без миганий....
Василий
316

Кириллические символы

Ребят кто поможет. Иль подскажет? Как прописать в кодировку чтоб отображался сайт нормаль. без этих ерогликов и знаков вопроса кучам. 
С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
С помощью соцсетей
У меня уже есть аккаунт Войти
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email, который Вы использовали для входа на сайт.