Задать вопрос
@Evgeny57

Почему мобильная версия работает странно?

http://гироскутер-краснодар.рф
Добрый день, после полной загрузки сайта на телефоне, она сначала открывается нормально, а потом имеет вот такой вид, почему так?cE6GuRoMqFM.jpg
  • Вопрос задан
  • 84 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@FalseCode
Карта большая, + добавляйте всегда такой тег

И проблем не будет)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Justique
@Justique
Потому что у Вас карта на 1000px инициируется
5b0d3122ec81b740094091.png
Ответ написан
Комментировать
Вот это убрать:
<meta name="viewport" content="width=device-width">
<meta name="MobileOptimized" content="320">
<meta name="HandheldFriendly" content="true">


Добавить после 4 строчки эту строку:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">


И еще
.shop_videon .new_video video {
    height: 400px;
    poster: "images/videon.jpg";
    max-width: 100%;
}
.recvisit {
    padding: 30px 0 0 0;
    overflow: hidden;
    max-width: 100%;
}

Я.карту надо перегенерить, там есть галка вместо ширины можно задать "на всю ширину экрана"
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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