Страница на html. Таблицы вылазят за пределы моб верстки.

Статус
В этой теме нельзя размещать новые ответы.

wwizard

Полезный
Регистрация
20 Июл 2009
Сообщения
583
Реакции
19
Будем надеятся что раздел я выбрал правильно. На Для просмотра ссылки Войди или Зарегистрируйся странице, я разместил табличные данные .На компьютере, красиво, а вот с телефона ужас. И вот как в мобильной версии поправить, я не знаю.
 

pautina

Постоялец
Регистрация
15 Фев 2010
Сообщения
108
Реакции
37
Будем надеятся что раздел я выбрал правильно. На Для просмотра ссылки Войди или Зарегистрируйся странице, я разместил табличные данные .На компьютере, красиво, а вот с телефона ужас. И вот как в мобильной версии поправить, я не знаю.
Посмотрел я быстрым взглядом, там не получится у вас без применения адаптивного дизайна изменить ширину таблицы и ширину столбцов.
 

Black#FFFFFF

Постоялец
Регистрация
19 Июл 2007
Сообщения
226
Реакции
158
попробуйте display: flex + div. можно создать наподобие таблицы. или вариант два: в адаптивной верстке через !important указать для тегов table, tbody, tr, td{ display: block!important; width: 100%!important; position: relative; } thead th скрываем: thead, th{display: none!important; } границы между ячейками тоже скрываем. а border: вставляем через ::after псевдоэлемент позиционируя его абсолютно.
 

Ambleranona

Создатель
Регистрация
24 Окт 2018
Сообщения
19
Реакции
6
Для этого существует CSS @media(max-width: ***px){}.
Вместо * вставляете разрешение экрана мобильного телефона.
 

dpmdpm

Писатель
Регистрация
19 Май 2016
Сообщения
9
Реакции
0
придется скрывать какието данные (и/или уменьшать шрифт) на мобильной версии
 

secilius

Создатель
Регистрация
1 Фев 2014
Сообщения
28
Реакции
36
всё зависит от количества колонок.
если не много то через медиа запросы задать разные стили на разных разрешениях
 

dranoc

Писатель
Регистрация
19 Дек 2018
Сообщения
4
Реакции
0
Медиа запросами уменьшить размер, не?
 

Dimanf

Постоялец
Регистрация
27 Фев 2010
Сообщения
109
Реакции
14
на крайний случай, можно через @media скрыть таблицу и на её месте вывести картинку или другую таблицу
 

deathsoul

Создатель
Регистрация
26 Ноя 2015
Сообщения
31
Реакции
1
По хорошему, отедльные стили с использованием @media для мобильных, которые уменьшат все, что только можно до приемлимых размеров и на худой конец, процентное соотношение ширины. Иначе... Не бывает адаптивных таблиц, вы же не можете пенести ячейку из строки №3 ниже при просмотре на моб. т.к. там находиться строка №4. Так что через отдельный стиль под моб. версию + резиновая ширина, либо не делать таблицы.
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху