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

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

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

Можно посмотреть тут.
  • Вопрос задан
  • 1785 просмотров
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 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Игра С# MVC console + wpf
22 дек. 2024, в 10:44
15000 руб./за проект
Извлечь данные из архива
22 дек. 2024, в 10:12
10000 руб./за проект
Разработать Android приложение Kotlin
22 дек. 2024, в 09:51
3000 руб./за проект
Ещё заказы