Задать вопрос
exdude
@exdude
html

Не корректно отображается верстка на телефоне. Как правильно адаптировать сайт для телефона через flexbox?

Верстал страничку, параллельно стараясь сделать адаптивным.
При просмотре через десктопный браузер, и уменьшая его границы все работает.
Но как только включаю режим мобильного просмотра в хроме, или захожу через телефон, ничего не работает.
Весь css код прогнал через автопрефиксер.
В чем может быть проблема?

Можно посмотреть тут.
  • Вопрос задан
  • 1765 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 2
just_guy95
@just_guy95
Bitrix 1C
Доброе утро, что конкретно некорректно отображается?
Как вы вообще мобильную версию делали? Отдельной копией сайта, медиа-запросами или как-то по другому?
Ответ написан
4 комментария
4 комментария
@CrazyElefant
Тут проблема вовсе не во flex. Для мобильной верстки обязательно указывай в head вот такую строчку
<meta name="viewport" content="width=device-width, initial-scale=1">

Иначе браузер считает, что есть scrollbar. Кстати проблема проявлялась только со sticky в хроме :)
flex сделан правильно
Про этот метатэг можно почитать здесь
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@rasetty
https://developer.mozilla.org/ru/docs/Mozilla/Mobi... - статья, советую прочитать.
У "флексов" есть удобная штука - flex-wrap (переносит элементы контейнера на новую строку, если не хватает места)
Да и вообще советую прочитать пару статей о flexbox, там будет понятно
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать видио поздравления с субтитрами
21 нояб. 2024, в 21:30
500 руб./за проект
Разработка мобильного приложения с дополненной реальностью (AR)
21 нояб. 2024, в 20:14
200000 руб./за проект
Внедрить код Roistat
21 нояб. 2024, в 19:31
500 руб./за проект
Ещё заказы