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

Статус
В этой теме нельзя размещать новые ответы.
Применяйте медиа запросы, например @media (max-width: 767px){css код}. Данный код применится для устройств с шириной экрана 767px и ниже
 
Я использую Для просмотра ссылки Войди или Зарегистрируйся Очень легко интегрируется с сайтом, если есть Bootstrap. Если же его нет, так же можно поработать немного ручками и прикрутить к обычному сайту. Но по мне легче поставить бутстрап
 
тут верно пишут что надо стилями сжать таблицу через директиву @media и по условию ширины документа:
@media (max-width: 767px){ .... }

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

как вариант таблицы, которые можно скруллить Для просмотра ссылки Войди или Зарегистрируйся тут для мобильной версии придется выводить транспонированную таблицу и поворачивать ее
или таблица в контейнере-родителе с overflow-x:scroll;max-width:100%
 
  • Заблокирован
  • #14
В свре время пришлось отказаться от таблиц и отверстать все div-ами. Тоже широкие таблицы были.
 
В свре время пришлось отказаться от таблиц и отверстать все div-ами. Тоже широкие таблицы были.
а вариант вставить в бутстрап-разметку таблицу с изменяющимся шрифтом не подошел?
 
Обернуть всю таблицу в див, таблице задать max-width:100%, а диву overflow-x:scroll
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху