Задать вопрос
@Drumsid
верстка

Таблица в адаптивной верстке?

Таблица на десктопе отображается нормально, на айфоне 7 к примеру, таблица уезжает за края экрана с одной стороны, и я так понимаю это из за контента в самой таблице? Даже, я думаю из за количества колонок. Ничего с этим сделать нельзя? Чтоб ровненько было?
Ну и доп вопрос. Таблица формируется в php, возможно в пхп сделать, чтоб было условие: для десктопов все колонки, для мобайл на одну две колонки меньше. примерно по смыслу как в css с media запросами?

забыл ссылку на сайт -> вот
  • Вопрос задан
  • 106 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 2
@forkhammer
Fullstack-разработчик (Django, Angular)
Тут 2 варианта:
1) делать горизонтальный скролл для таблицы на мобильных устройствах
2) верстать таблицу на flex, а делать адаптив на мобильных устройствах медиазапросами
Первый вариант проще, но внешний вид на любителя. Второй более геморный, но позволяет добиться полной адаптивности для различных разрешений
Ответ написан
Комментировать
Комментировать
@kastembay
Русич
Сделайте td все блочными в медиа запросах. Когда будет сжиматься страница, то все ячейки будут друг под другом.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
2500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы