3339

Проблема с тегом 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 необходим адаптивный дизай сайта!

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

Илья
1.2K

Как поставить страницу благодарности?

Добрый вечер! нужно чтобы после покупки на этом сайте:  http://cu50834.tmweb.ru/cherniy2.php человека переводило на страницу благодарности:  http://cu50834.tmweb.ru/order_ru.php как это сделать и какой код ставить?    
Ingener2310
806

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

Доброго времени суток всем! Возникла проблема встройки видео с Яндекс.Эфира: по ссылке не отображается, начал вставлять по HTML коду как фрейм, но тут также возникают проблемы: во-первых, автовоспроизведение (вроде разобрался, надо было...
С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
С помощью соцсетей
У меня уже есть аккаунт Войти
Нажимая кнопку «Зарегистрироваться», я даю согласие на обработку своих персональных данных, указанных в форме регистрации.
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email вашего аккаунта