Есть таблица на сайте.она не помещается в видимую область экрана и выпадает за него. если открыть сайт на моб и затем пролистать экран влево таблица появляется, а остальной контент сверху и снизу таблицы уходит влево сохраняя свою ширину и на его месте появляется черный фон. можно ли сделать так чтобы контент расширялся? или нужно как-то изменить отображение страницы?
-
Скиньте ссылку на код– YernarCommented 27 апр. 2018 в 11:56
-
2@Yernar, не ссылку, а тут выложить. Переходить и искать - вопрос закроют. Как и этот, впрочем.– user207618Commented 27 апр. 2018 в 11:57
-
mobimarket96.ru/collection/remont-iphone– Kirill DonenkoCommented 27 апр. 2018 в 11:58
Добавить комментарий
|
2 ответа
Выбирай:
Положи таблицу в div и задай ему
overflow-x: auto
, чтобы таблица скроллилась горизонтально внутри него.Текущее поведение гораздо удобнее того, которое ты предлагаешь. Если вся страница растянется, то чтобы читать текст выше, её придётся скроллить. Можешь просто поменять фон с чёрного на белый, что было бы логично.
Добавьте эти стили к вашей таблице:
overflow-x: scroll !important;
width: auto !important;
white-space: nowrap;
-
С каких пор overflow работает с
display: table
? И почемуwidth: auto
, когда должно быть100%
?– Qwertiy ♦Commented 27 апр. 2018 в 12:20 -
@Qwertiy, Я поэкспериментировал на самом сайте в панеле разработчиков. Все отлично работало. Со
width: 100%
тоже работает– YernarCommented 27 апр. 2018 в 12:22 -
Вот из-за этого работает: i.sstatic.net/Fr3H2.png К тому же, подозреваю, что в iOS Safari всё равно не работает.– Qwertiy ♦Commented 27 апр. 2018 в 12:27
-
-