0

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

Kirill Donenko
  • 97

2 Answers2

1

Добавьте эти стили к вашей таблице: 

overflow-x: scroll !important;
width: auto !important;
white-space: nowrap;
Yernar
  • 1,220
  • С каких пор overflow работает с display: table? И почему width: auto, когда должно быть 100%? – Qwertiy Apr 27 '18 at 12:20
  • @Qwertiy, Я поэкспериментировал на самом сайте в панеле разработчиков. Все отлично работало. Со width: 100% тоже работает – Yernar Apr 27 '18 at 12:22
  • Вот из-за этого работает: https://i.stack.imgur.com/Fr3H2.png К тому же, подозреваю, что в iOS Safari всё равно не работает. – Qwertiy Apr 27 '18 at 12:27
  • СПАСИБО ОГРОМНОЕ!!! всё работает – Kirill Donenko Apr 27 '18 at 12:40
  • В Сафари тоже всё ОК – Kirill Donenko Apr 27 '18 at 12:49
1

Выбирай:

  1. Положи таблицу в div и задай ему overflow-x: auto, чтобы таблица скроллилась горизонтально внутри него.

  2. Текущее поведение гораздо удобнее того, которое ты предлагаешь. Если вся страница растянется, то чтобы читать текст выше, её придётся скроллить. Можешь просто поменять фон с чёрного на белый, что было бы логично.

PS: Что делать, если не работает CSS-класс?

Qwertiy
  • 123,725