Адаптивный веб-сайт на мобильном устройстве отличается от мобильного представления на ноутбуке (перекрытие области просмотра) - PullRequest
0 голосов
/ 27 марта 2020

У меня проблема с перекрытием области просмотра на мобильном телефоне. Когда я делаю сайт адаптивным и проверяю ноутбук в браузере в режиме iPhone, все выглядит хорошо, но когда я проверяю сам телефон - ширина контента больше, тогда область просмотра + div «достижений» вместо этого становится 'justify-content: space-around' 'flex-start'.

Я проверил метатеги, они кажутся нормальными: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">

Есть идеи, как это исправить? Вот изображения: как это выглядит на мобильном телефоне и как это должно выглядеть

...