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

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

alx73

Писатель
Регистрация
13 Апр 2019
Сообщения
8
Реакции
0
Применяйте медиа запросы, например @media (max-width: 767px){css код}. Данный код применится для устройств с шириной экрана 767px и ниже
 

sanni55

Создатель
Регистрация
7 Мар 2019
Сообщения
28
Реакции
31
Я использую Для просмотра ссылки Войди или Зарегистрируйся Очень легко интегрируется с сайтом, если есть Bootstrap. Если же его нет, так же можно поработать немного ручками и прикрутить к обычному сайту. Но по мне легче поставить бутстрап
 

Angelok

Создатель
Регистрация
26 Июл 2017
Сообщения
32
Реакции
17
тут верно пишут что надо стилями сжать таблицу через директиву @media и по условию ширины документа:
@media (max-width: 767px){ .... }

но для таблиц бывает ситуация когда содержимое не дает сжать таблицу. в этом случае либо убирать не самые важные данные из таблицы, либо уменьшать отступы и шрифты (эти решение не самые удачные)

как вариант таблицы, которые можно скруллить Для просмотра ссылки Войди или Зарегистрируйся тут для мобильной версии придется выводить транспонированную таблицу и поворачивать ее
или таблица в контейнере-родителе с overflow-x:scroll;max-width:100%
 

vanich

Создатель
Регистрация
22 Дек 2015
Сообщения
10
Реакции
0
  • Заблокирован
  • #14
В свре время пришлось отказаться от таблиц и отверстать все div-ами. Тоже широкие таблицы были.
 

nyasha

Создатель
Регистрация
18 Май 2019
Сообщения
19
Реакции
6
В свре время пришлось отказаться от таблиц и отверстать все div-ами. Тоже широкие таблицы были.
а вариант вставить в бутстрап-разметку таблицу с изменяющимся шрифтом не подошел?
 

hydropericardium

Постоялец
Регистрация
20 Июн 2018
Сообщения
72
Реакции
20
Обернуть всю таблицу в див, таблице задать max-width:100%, а диву overflow-x:scroll
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху