Добрый день!
Никак не получается разобраться с тегом viewport.
При добавлении в head кода <meta name=viewport content="width=device-width, initial-scale=1">,
дизайн сайта перекосило при просмотре с мобильного:
Нормальной осталась только ширина меню (фиолетовая полоса), ширина всех остальных элементов меньше ширины экрана.
Пробовала советы из различных источников, не помогло:
1. Убирать параметр initial-scale=1
2. В html этой страницы нет элементов с фиксированной шириной.
3. При полном отключении всех файлов со стилями проблема остается
На данный момент изменила код на <meta name=viewport content="width=768, initial-scale=1">.
При этом отображение на 2-ух проверяемых телефонах стало отличным, но это временная мера, которая не позволит нормально просматривать сайт пользователям с другой шириной экрана телефона, а так же при фиксированной ширине Гоша и Яша считают тег настроенным некорректно, и, соответственно, не дают сайту "зачет" по мобильности..(
У меня мало опыта в программировании, большая просьба учитывать это при ответах. Буду благодарна за помощь!
Ответы (3)